Skip to content

Chatopera OpenSource / ferry_web

Go to a project
Commit 0818ce00 by YuleiLan
Options

模版管理。

parent 41ec6a93
Inline Side-by-side
Showing with 7094 additions and 13 deletions
package.json
......@@ -37,6 +37,7 @@
],
"dependencies": {
"@riophae/vue-treeselect": "0.4.0",
"ace-builds": "^1.4.12",
"axios": "0.18.1",
"clipboard": "2.0.4",
"codemirror": "5.45.0",
......@@ -46,6 +47,7 @@
"echarts": "4.2.1",
"element-ui": "2.11.1",
"file-saver": "2.0.1",
"form-making": "^1.2.8",
"fuse.js": "3.4.4",
"js-cookie": "2.2.0",
"jsonlint": "1.6.3",
......@@ -54,14 +56,19 @@
"normalize.css": "7.0.0",
"nprogress": "0.2.0",
"path-to-regexp": "2.4.0",
"qiniu-js": "^3.0.3",
"screenfull": "4.2.0",
"showdown": "^1.9.1",
"solarlunar": "^2.0.7",
"sortablejs": "1.8.4",
"tui-editor": "1.3.3",
"viewerjs": "^1.6.1",
"vue": "2.6.10",
"vue-codemirror-lite": "^1.0.4",
"vue-count-to": "1.0.13",
"vue-cropper": "^0.5.0",
"vue-i18n": "^5.0.3",
"vue-quill-editor": "^3.0.6",
"vue-router": "3.0.2",
"vue-splitpane": "1.0.4",
"vuedraggable": "2.20.0",
......
src/components/VueFormMaking/App.vue 0 → 100644
<template>
<div id="app">
<div class="fm-header">
<img class="fm-logo" src="./assets/logo.png">
<div class="fm-title" @click="handleHome">{{ $t('header.title') }}</div>
<iframe style="vertical-align: middle;margin-top:10px;margin-left: 10px;" src="https://ghbtns.com/github-btn.html?user=GavinZhulei&repo=vue-form-making&type=star&count=true" frameborder="0" scrolling="0" width="160px" height="30px" />
<div class="fm-link">
<a target="_blank" href="http://form.xiaoyaoji.cn/pricing">{{ $t('header.pricing') }}</a>
<a target="_blank" href="http://docs.form.xiaoyaoji.cn">{{ $t('header.document') }}</a>
<a v-if="$lang == 'zh-CN'" target="_blank" href="http://docs.form.xiaoyaoji.cn/zh/other/course.html">学习课程</a>
<a target="_blank" href="https://github.com/GavinZhuLei/vue-form-making">GitHub</a>
<div class="action-item">
<el-dropdown trigger="click" @command="handleLangCommand">
<span class="el-dropdown-link">
{{ $route.params.lang == 'zh-CN' ? '简体中文' : 'English' }}<i class="el-icon-arrow-down el-icon--right" />
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="zh-CN">简体中文</el-dropdown-item>
<el-dropdown-item command="en-US">English</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<a class="ad" href="http://form.xiaoyaoji.cn" target="_blank">{{ $t('header.advanced') }}</a>
<a v-if="$lang == 'zh-CN'" class="ad" href="http://www.xiaoyaoji.cn" target="_blank">小幺鸡接口工具</a>
</div>
</div>
<div class="fm-container"><router-view /></div>
</div>
</template>
<script>
import Vue from 'vue'
export default {
name: 'App',
methods: {
handleHome() {
this.$router.push({ path: '/' })
},
handleLangCommand(command) {
this.$router.replace({ name: this.$route.name, params: { lang: command }})
}
}
}
</script>
<style lang="scss">
.fm-header{
height: 50px;
box-shadow: 0 2px 10px rgba(70,160,252, 0.6);
padding: 0 10px;
background-image: linear-gradient(to right,#1278f6,#00b4aa);
position: relative;
.fm-logo{
height: 26px;
vertical-align: middle;
}
.fm-title{
display: inline-block;
line-height: 50px;
vertical-align: middle;
color: #fff;
font-size: 20px;
font-weight: 600;
opacity: 0.8;
margin-left: 6px;
cursor: pointer;
}
.fm-link{
height: 50px;
float: right;
a{
color: #fff;
text-decoration: none;
font-size: 14px;
line-height: 50px;
font-weight: 500;
margin-left: 15px;
&:hover{
opacity: 0.8;
}
&.ad{
color: #f5dab1;
}
}
.action-item{
display: inline-block;
margin-left: 15px;
.el-dropdown{
// font-size: 16px;
// font-weight: 500;
}
.el-dropdown-link{
cursor: pointer;
color: #fff;
&:hover{
opacity: 0.8;
}
}
&.action-item-user{
.el-dropdown-link{
color: #f5dab1;
}
}
}
}
}
.fm-container{
height: calc(100% - 50px);
}
*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html,body{
height: 100%;
}
#app {
font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #2c3e50;
min-height: 100%;
height: 100%;
}
</style>
src/components/VueFormMaking/components/Container.vue 0 → 100644
<template>
<el-container class="fm2-container">
<el-main class="fm2-main">
<el-container>
<el-aside width="250px">
<div class="components-list">
<template v-if="basicFields.length">
<div class="widget-cate">{{ $t('fm.components.basic.title') }}</div>
<draggable
tag="ul"
:list="basicComponents"
v-bind="{group:{ name:'people', pull:'clone',put:false},sort:false, ghostClass: 'ghost'}"
:move="handleMove"
@end="handleMoveEnd"
@start="handleMoveStart"
>
<template v-for="(item, index) in basicComponents">
<li v-if="basicFields.indexOf(item.type)>=0" :key="index" class="form-edit-widget-label" :class="{'no-put': item.type == 'divider'}">
<a>
<i class="icon iconfont" :class="item.icon" />
<span>{{ item.name }}</span>
</a>
</li>
</template>
</draggable>
</template>
<template v-if="advanceFields.length">
<div class="widget-cate">{{ $t('fm.components.advance.title') }}</div>
<draggable
tag="ul"
:list="advanceComponents"
v-bind="{group:{ name:'people', pull:'clone',put:false},sort:false, ghostClass: 'ghost'}"
:move="handleMove"
@end="handleMoveEnd"
@start="handleMoveStart"
>
<template v-for="(item, index) in advanceComponents">
<li v-if="advanceFields.indexOf(item.type) >= 0" :key="index" class="form-edit-widget-label" :class="{'no-put': item.type == 'table'}">
<a>
<i class="icon iconfont" :class="item.icon" />
<span>{{ item.name }}</span>
</a>
</li>
</template>
</draggable>
</template>
<template v-if="layoutFields.length">
<div class="widget-cate">{{ $t('fm.components.layout.title') }}</div>
<draggable
tag="ul"
:list="layoutComponents"
v-bind="{group:{ name:'people', pull:'clone',put:false},sort:false, ghostClass: 'ghost'}"
:move="handleMove"
@end="handleMoveEnd"
@start="handleMoveStart"
>
<template v-for="(item, index) in layoutComponents">
<li v-if="layoutFields.indexOf(item.type) >=0" :key="index" class="form-edit-widget-label no-put">
<a>
<i class="icon iconfont" :class="item.icon" />
<span>{{ item.name }}</span>
</a>
</li>
</template>
</draggable>
</template>
</div>
</el-aside>
<el-container class="center-container" direction="vertical">
<el-header class="btn-bar" style="height: 45px;">
<slot name="action" />
<el-button v-if="upload" type="text" size="medium" icon="el-icon-upload2" @click="handleUpload">{{ $t('fm.actions.import') }}</el-button>
<el-button v-if="clearable" type="text" size="medium" icon="el-icon-delete" @click="handleClear">{{ $t('fm.actions.clear') }}</el-button>
<el-button v-if="preview" type="text" size="medium" icon="el-icon-view" @click="handlePreview">{{ $t('fm.actions.preview') }}</el-button>
<el-button v-if="generateJson" type="text" size="medium" icon="el-icon-tickets" @click="handleGenerateJson">{{ $t('fm.actions.json') }}</el-button>
<el-button v-if="generateCode" type="text" size="medium" icon="el-icon-document" @click="handleGenerateCode">{{ $t('fm.actions.code') }}</el-button>
</el-header>
<el-main :class="{'widget-empty': widgetForm.list.length == 0}">
<widget-form v-if="!resetJson" ref="widgetForm" :data="widgetForm" :select.sync="widgetFormSelect" />
</el-main>
</el-container>
<el-aside class="widget-config-container" style="width: 305px;">
<el-container>
<el-header height="45px">
<div class="config-tab" :class="{active: configTab=='widget'}" @click="handleConfigSelect('widget')">{{ $t('fm.config.widget.title') }}</div>
<div class="config-tab" :class="{active: configTab=='form'}" @click="handleConfigSelect('form')">{{ $t('fm.config.form.title') }}</div>
</el-header>
<el-main class="config-content">
<widget-config v-show="configTab=='widget'" :data="widgetFormSelect" />
<form-config v-show="configTab=='form'" :data="widgetForm.config" />
</el-main>
</el-container>
</el-aside>
<cus-dialog
ref="widgetPreview"
:visible="previewVisible"
width="1000px"
form
@on-close="previewVisible = false"
>
<generate-form v-if="previewVisible" ref="generateForm" insite="true" :data="widgetForm" :value="widgetModels" :remote="remoteFuncs" @on-change="handleDataChange">
<template slot-scope="scope">
Width <el-input v-model="scope.model.blank.width" style="width: 100px" />
Height <el-input v-model="scope.model.blank.height" style="width: 100px" />
</template>
</generate-form>
<template slot="action">
<el-button type="primary" @click="handleTest">{{ $t('fm.actions.getData') }}</el-button>
<el-button @click="handleReset">{{ $t('fm.actions.reset') }}</el-button>
</template>
</cus-dialog>
<cus-dialog
ref="uploadJson"
:visible="uploadVisible"
width="800px"
form
@on-close="uploadVisible = false"
@on-submit="handleUploadJson"
>
<el-alert type="info" :title="$t('fm.description.uploadJsonInfo')" />
<div id="uploadeditor" style="height: 400px;width: 100%;">{{ jsonEg }}</div>
</cus-dialog>
<cus-dialog
ref="jsonPreview"
:visible="jsonVisible"
width="800px"
form
@on-close="jsonVisible = false"
>
<div id="jsoneditor" style="height: 400px;width: 100%;">{{ jsonTemplate }}</div>
<template slot="action">
<el-button type="primary" class="json-btn" :data-clipboard-text="jsonCopyValue">{{ $t('fm.actions.copyData') }}</el-button>
</template>
</cus-dialog>
<cus-dialog
ref="codePreview"
:visible="codeVisible"
width="800px"
form
:action="false"
@on-close="codeVisible = false"
>
<div id="codeeditor" style="height: 500px; width: 100%;">{{ htmlTemplate }}</div>
</cus-dialog>
</el-container>
</el-main>
<el-footer height="30px" style="font-weight: 600;">Powered by <a target="_blank" href="http://www.fdevops.com">fdevops</a></el-footer>
</el-container>
</template>
<script>
import Draggable from 'vuedraggable'
import WidgetConfig from './WidgetConfig'
import FormConfig from './FormConfig'
import WidgetForm from './WidgetForm'
import CusDialog from './CusDialog'
import GenerateForm from './GenerateForm'
import Clipboard from 'clipboard'
import { basicComponents, layoutComponents, advanceComponents } from './componentsConfig.js'
import request from '../util/request.js'
import generateCode from './generateCode.js'
var ace = require('ace-builds/src-noconflict/ace')
ace.config.set('basePath', '/lib/ace')
ace.config.set('modePath', '/lib/ace')
ace.config.set('themePath', '/lib/ace')
window.define = window.define || ace.define
window.require = window.require || ace.require
export default {
name: 'FmMakingForm',
components: {
Draggable,
WidgetConfig,
FormConfig,
WidgetForm,
CusDialog,
GenerateForm
},
props: {
preview: {
type: Boolean,
default: false
},
generateCode: {
type: Boolean,
default: false
},
generateJson: {
type: Boolean,
default: false
},
upload: {
type: Boolean,
default: false
},
clearable: {
type: Boolean,
default: false
},
basicFields: {
type: Array,
default: () => ['input', 'textarea', 'number', 'radio', 'checkbox', 'time', 'date', 'rate', 'color', 'select', 'switch', 'slider', 'text']
},
advanceFields: {
type: Array,
default: () => ['blank', 'imgupload', 'editor', 'cascader']
},
layoutFields: {
type: Array,
default: () => ['grid', 'divider']
}
},
data() {
return {
basicComponents,
layoutComponents,
advanceComponents,
resetJson: false,
widgetForm: {
list: [],
config: {
labelWidth: 100,
labelPosition: 'right',
size: 'small'
}
},
configTab: 'widget',
widgetFormSelect: null,
previewVisible: false,
jsonVisible: false,
codeVisible: false,
uploadVisible: false,
remoteFuncs: {
func_test(resolve) {
setTimeout(() => {
const options = [
{ id: '1', name: '1111' },
{ id: '2', name: '2222' },
{ id: '3', name: '3333' }
]
resolve(options)
}, 2000)
},
funcGetToken(resolve) {
request.get('http://tools-server.xiaoyaoji.cn/api/uptoken').then(res => {
resolve(res.uptoken)
})
},
upload_callback(response, file, fileList) {
}
},
widgetModels: {},
blank: '',
htmlTemplate: '',
jsonTemplate: '',
uploadEditor: null,
jsonCopyValue: '',
jsonClipboard: null,
jsonEg: `{
"list": [],
"config": {
"labelWidth": 100,
"labelPosition": "top",
"size": "small"
}
}`
}
},
watch: {
widgetForm: {
deep: true,
handler: function(val) {
}
},
'$lang': function(val) {
this._loadComponents()
}
},
mounted() {
this._loadComponents()
},
methods: {
_loadComponents() {
this.basicComponents = this.basicComponents.map(item => {
return {
...item,
name: this.$t(`fm.components.fields.${item.type}`)
}
})
this.advanceComponents = this.advanceComponents.map(item => {
return {
...item,
name: this.$t(`fm.components.fields.${item.type}`)
}
})
this.layoutComponents = this.layoutComponents.map(item => {
return {
...item,
name: this.$t(`fm.components.fields.${item.type}`)
}
})
},
handleGoGithub() {
window.location.href = 'https://github.com/GavinZhuLei/vue-form-making'
},
handleConfigSelect(value) {
this.configTab = value
},
handleMoveEnd(evt) {
},
handleMoveStart({ oldIndex }) {
},
handleMove() {
return true
},
handlePreview() {
this.previewVisible = true
},
handleTest() {
this.$refs.generateForm.getData().then(data => {
this.$alert(data, '').catch(e => {})
this.$refs.widgetPreview.end()
}).catch(e => {
this.$refs.widgetPreview.end()
})
},
handleReset() {
this.$refs.generateForm.reset()
},
handleGenerateJson() {
this.jsonVisible = true
this.jsonTemplate = this.widgetForm
this.$nextTick(() => {
const editor = ace.edit('jsoneditor')
editor.session.setMode('ace/mode/json')
if (!this.jsonClipboard) {
this.jsonClipboard = new Clipboard('.json-btn')
this.jsonClipboard.on('success', (e) => {
this.$message.success(this.$t('fm.message.copySuccess'))
})
}
this.jsonCopyValue = JSON.stringify(this.widgetForm)
})
},
handleGenerateCode() {
this.codeVisible = true
this.htmlTemplate = generateCode(JSON.stringify(this.widgetForm))
this.$nextTick(() => {
const editor = ace.edit('codeeditor')
editor.session.setMode('ace/mode/html')
})
},
handleUpload() {
this.uploadVisible = true
this.$nextTick(() => {
this.uploadEditor = ace.edit('uploadeditor')
this.uploadEditor.session.setMode('ace/mode/json')
})
},
handleUploadJson() {
try {
this.setJSON(JSON.parse(this.uploadEditor.getValue()))
this.uploadVisible = false
} catch (e) {
this.$message.error(e.message)
this.$refs.uploadJson.end()
}
},
handleClear() {
this.widgetForm = {
list: [],
config: {
labelWidth: 100,
labelPosition: 'right',
size: 'small',
customClass: ''
}
}
this.widgetFormSelect = {}
},
getJSON() {
return this.widgetForm
},
getHtml() {
return generateCode(JSON.stringify(this.widgetForm))
},
setJSON(json) {
this.widgetForm = json
if (json.list.length > 0) {
this.widgetFormSelect = json.list[0]
}
},
handleInput(val) {
this.blank = val
},
handleDataChange(field, value, data) {
}
}
}
</script>
<style lang="scss">
.widget-empty{
background-position: 50%;
}
aside {
background: #ffffff;
padding: 0;
margin-bottom: 0;
a {
color: #333333;
}
}
</style>
src/components/VueFormMaking/components/CusDialog.vue 0 → 100644
<template>
<el-dialog
:id="id"
ref="elDialog"
class="cus-dialog-container"
:title="title"
:visible.sync="dialogVisible"
:close-on-click-modal="false"
append-to-body
center
:width="width"
>
<span v-if="show">
<slot />
</span>
<span
v-if="action"
slot="footer"
v-loading="loading"
class="dialog-footer"
:element-loading-text="loadingText"
>
<slot name="action">
<el-button @click="close">{{ $t('fm.actions.cancel') }}</el-button>
<el-button type="primary" @click="submit">{{ $t('fm.actions.confirm') }}</el-button>
</slot>
</span>
</el-dialog>
</template>
<script>
export default {
props: {
visible: Boolean,
loadingText: {
type: String,
default: ''
},
title: {
type: String,
default: ''
},
width: {
type: String,
default: '600px'
},
form: {
type: Boolean,
default: true
},
action: {
type: Boolean,
default: true
}
},
data() {
return {
loading: false,
dialogVisible: this.visible,
id: 'dialog_' + new Date().getTime(),
showForm: false
}
},
computed: {
show() {
if (this.form) {
return this.showForm
} else {
return true
}
}
},
watch: {
dialogVisible(val) {
if (!val) {
this.loading = false
this.$emit('on-close')
setTimeout(() => {
this.showForm = false
}, 300)
} else {
this.showForm = true
}
},
visible(val) {
this.dialogVisible = val
}
},
mounted() {
},
methods: {
close() {
this.dialogVisible = false
},
submit() {
this.loading = true
this.$emit('on-submit')
},
end() {
this.loading = false
}
}
}
</script>
<style lang="scss">
.cus-dialog-container{
.el-dialog__footer{
margin: 0 20px;
// border-top: 1px dashed #ccc;
padding: 15px 0 16px;
text-align: center;
position: relative;
.dialog-footer{
display: block;
.circular{
display: inline-block;
vertical-align: middle;
margin-right: 5px;
width: 24px;
height: 24px;
}
.el-loading-text{
display: inline-block;
vertical-align: middle;
}
.el-loading-spinner{
margin-top: -12px;
}
}
}
}
</style>
src/components/VueFormMaking/components/FormConfig.vue 0 → 100644
<template>
<div class="form-config-container">
<el-form label-position="top">
<el-form-item :label="$t('fm.config.form.labelPosition.title')">
<el-radio-group v-model="data.labelPosition">
<el-radio-button label="left">{{ $t('fm.config.form.labelPosition.left') }}</el-radio-button>
<el-radio-button label="right">{{ $t('fm.config.form.labelPosition.right') }}</el-radio-button>
<el-radio-button label="top">{{ $t('fm.config.form.labelPosition.top') }}</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item :label="$t('fm.config.form.labelWidth')">
<el-input-number v-model="data.labelWidth" :min="0" :max="200" :step="10" />
</el-form-item>
<el-form-item :label="$t('fm.config.form.size')">
<el-radio-group v-model="data.size">
<el-radio-button label="medium">medium</el-radio-button>
<el-radio-button label="small">small</el-radio-button>
<el-radio-button label="mini">mini</el-radio-button>
</el-radio-group>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
/* eslint-disable */
props: ['data']
}
</script>
src/components/VueFormMaking/components/GenerateForm.vue 0 → 100644
<template>
<div>
<el-form
ref="generateForm"
label-suffix=":"
:size="data.config.size"
:model="models"
:rules="rules"
:label-position="data.config.labelPosition"
:label-width="data.config.labelWidth + 'px'"
>
<template v-for="item in data.list">
<template v-if="item.type == 'grid'">
<el-row
:key="item.key"
type="flex"
:gutter="item.options.gutter ? item.options.gutter : 0"
:justify="item.options.justify"
:align="item.options.align"
>
<el-col v-for="(col, colIndex) in item.columns" :key="colIndex" :span="col.span">
<template v-for="citem in col.list">
<el-form-item v-if="citem.type=='blank'" :key="citem.key" :label="citem.name" :prop="citem.model">
<slot :name="citem.model" :model="models" />
</el-form-item>
<genetate-form-item
v-else
:key="citem.key"
:models.sync="models"
:remote="remote"
:rules="rules"
:widget="citem"
@input-change="onInputChange"
:data="data"
/>
</template>
</el-col>
</el-row>
</template>
<template v-else-if="item.type == 'blank'">
<el-form-item :key="item.key" :label="item.name" :prop="item.model">
<slot :name="item.model" :model="models" />
</el-form-item>
</template>
<template v-else>
<genetate-form-item
:key="item.key"
:models.sync="models"
:rules="rules"
:widget="item"
:remote="remote"
:data="data"
@input-change="onInputChange"
/>
</template>
</template>
</el-form>
</div>
</template>
<script>
import GenetateFormItem from './GenerateFormItem'
export default {
name: 'FmGenerateForm',
components: {
GenetateFormItem
},
/* eslint-disable */
props: ['data', 'remote', 'value', 'insite'],
data() {
return {
models: {},
rules: {}
}
},
watch: {
data: {
deep: true,
handler(val) {
this.generateModle(val.list)
}
},
value: {
deep: true,
handler(val) {
this.models = { ...this.models, ...val }
}
}
},
created() {
this.generateModle(this.data.list)
},
mounted() {
},
methods: {
generateModle(genList) {
for (let i = 0; i < genList.length; i++) {
if (genList[i].type === 'grid') {
genList[i].columns.forEach(item => {
this.generateModle(item.list)
})
} else {
if (this.value && Object.keys(this.value).indexOf(genList[i].model) >= 0) {
this.models[genList[i].model] = this.value[genList[i].model]
} else {
if (genList[i].type === 'blank') {
this.$set(this.models, genList[i].model, genList[i].options.defaultType === 'String' ? '' : (genList[i].options.defaultType === 'Object' ? {} : []))
} else {
this.models[genList[i].model] = genList[i].options.defaultValue
}
}
if (this.rules[genList[i].model]) {
this.rules[genList[i].model] = [...this.rules[genList[i].model], ...genList[i].rules.map(item => {
if (item.pattern) {
return { ...item, pattern: eval(item.pattern) }
} else {
return { ...item }
}
})]
} else {
this.rules[genList[i].model] = [...genList[i].rules.map(item => {
if (item.pattern) {
return { ...item, pattern: eval(item.pattern) }
} else {
return { ...item }
}
})]
}
}
}
},
getData() {
return new Promise((resolve, reject) => {
this.$refs.generateForm.validate(valid => {
if (valid) {
resolve(this.models)
} else {
reject(new Error(this.$t('fm.message.validError')).message)
}
})
})
},
reset() {
this.$refs.generateForm.resetFields()
},
onInputChange(value, field) {
this.$emit('on-change', field, value, this.models)
},
refresh() {
}
}
}
</script>
<style lang="scss">
// @import '../styles/cover.scss';
</style>
src/components/VueFormMaking/components/GenerateFormItem.vue 0 → 100644
<template>
<el-form-item
:label-width="widget.type==='divider' || (widget.type==='text' && widget.options.textLabelStatus===false)?'0px':data.config.labelWidth + 'px'"
:label="widget.type==='divider' || (widget.type==='text' && widget.options.textLabelStatus===false)?'':widget.name"
:prop="widget.model"
>
<template v-if="widget.type == 'input'">
<el-input
v-if="widget.options.dataType == 'number' || widget.options.dataType == 'integer' || widget.options.dataType == 'float'"
v-model.number="dataModel"
:type="widget.options.dataType"
:placeholder="widget.options.placeholder"
:style="{width: widget.options.width}"
:disabled="widget.options.disabled"
/>
<el-input
v-else
v-model="dataModel"
:type="widget.options.dataType"
:disabled="widget.options.disabled"
:placeholder="widget.options.placeholder"
:style="{width: widget.options.width}"
/>
</template>
<template v-if="widget.type == 'textarea'">
<el-input
v-model="dataModel"
type="textarea"
:rows="5"
:disabled="widget.options.disabled"
:placeholder="widget.options.placeholder"
:style="{width: widget.options.width}"
/>
</template>
<template v-if="widget.type == 'number'">
<el-input-number
v-model="dataModel"
:style="{width: widget.options.width}"
:step="widget.options.step"
controls-position="right"
:disabled="widget.options.disabled"
/>
</template>
<template v-if="widget.type == 'radio'">
<el-radio-group
v-model="dataModel"
:style="{width: widget.options.width}"
:disabled="widget.options.disabled"
>
<el-radio
v-for="(item, index) in (widget.options.remote ? widget.options.remoteOptions : widget.options.options)"
:key="index"
:style="{display: widget.options.inline ? 'inline-block' : 'block'}"
:label="item.value"
>
<template v-if="widget.options.remote">{{ item.label }}</template>
<template v-else>{{ widget.options.showLabel ? item.label : item.value }}</template>
</el-radio>
</el-radio-group>
</template>
<template v-if="widget.type == 'checkbox'">
<el-checkbox-group
v-model="dataModel"
:style="{width: widget.options.width}"
:disabled="widget.options.disabled"
>
<el-checkbox
v-for="(item, index) in (widget.options.remote ? widget.options.remoteOptions : widget.options.options)"
:key="index"
:style="{display: widget.options.inline ? 'inline-block' : 'block'}"
:label="item.value"
>
<template v-if="widget.options.remote">{{ item.label }}</template>
<template v-else>{{ widget.options.showLabel ? item.label : item.value }}</template>
</el-checkbox>
</el-checkbox-group>
</template>
<template v-if="widget.type == 'time'">
<el-time-picker
v-model="dataModel"
:is-range="widget.options.isRange"
:placeholder="widget.options.placeholder"
:start-placeholder="widget.options.startPlaceholder"
:end-placeholder="widget.options.endPlaceholder"
:readonly="widget.options.readonly"
:disabled="widget.options.disabled"
:editable="widget.options.editable"
:clearable="widget.options.clearable"
:arrow-control="widget.options.arrowControl"
:value-format="widget.options.format"
:style="{width: widget.options.width}"
/>
</template>
<template v-if="widget.type=='date'">
<el-date-picker
v-model="dataModel"
:type="widget.options.type"
:placeholder="widget.options.placeholder"
:start-placeholder="widget.options.startPlaceholder"
:end-placeholder="widget.options.endPlaceholder"
:readonly="widget.options.readonly"
:disabled="widget.options.disabled"
:editable="widget.options.editable"
:clearable="widget.options.clearable"
:value-format="widget.options.timestamp ? 'timestamp' : widget.options.format"
:format="widget.options.format"
:style="{width: widget.options.width}"
/>
</template>
<template v-if="widget.type =='rate'">
<el-rate
v-model="dataModel"
:max="widget.options.max"
:disabled="widget.options.disabled"
:allow-half="widget.options.allowHalf"
/>
</template>
<template v-if="widget.type == 'color'">
<el-color-picker
v-model="dataModel"
:disabled="widget.options.disabled"
:show-alpha="widget.options.showAlpha"
/>
</template>
<template v-if="widget.type == 'select'">
<el-select
v-model="dataModel"
:disabled="widget.options.disabled"
:multiple="widget.options.multiple"
:clearable="widget.options.clearable"
:placeholder="widget.options.placeholder"
:style="{width: widget.options.width}"
:filterable="widget.options.filterable"
>
<el-option v-for="item in (widget.options.remote ? widget.options.remoteOptions : widget.options.options)" :key="item.value" :value="item.value" :label="widget.options.showLabel || widget.options.remote?item.label:item.value" />
</el-select>
</template>
<template v-if="widget.type=='switch'">
<el-switch
v-model="dataModel"
:disabled="widget.options.disabled"
/>
</template>
<template v-if="widget.type=='slider'">
<el-slider
v-model="dataModel"
:min="widget.options.min"
:max="widget.options.max"
:disabled="widget.options.disabled"
:step="widget.options.step"
:show-input="widget.options.showInput"
:range="widget.options.range"
:style="{width: widget.options.width}"
/>
</template>
<template v-if="widget.type=='imgupload'">
<fm-upload
v-model="dataModel"
:disabled="widget.options.disabled"
:style="{'width': widget.options.width}"
:width="widget.options.size.width"
:height="widget.options.size.height"
:token="widget.options.token"
:domain="widget.options.domain"
:multiple="widget.options.multiple"
:length="widget.options.length"
:is-qiniu="widget.options.isQiniu"
:is-delete="widget.options.isDelete"
:min="widget.options.min"
:is-edit="widget.options.isEdit"
:action="widget.options.action"
/>
</template>
<template v-if="widget.type == 'editor'">
<vue-editor
v-model="dataModel"
:style="{width: widget.options.width}"
/>
</template>
<template v-if="widget.type === 'cascader'">
<el-cascader
v-model="dataModel"
:disabled="widget.options.disabled"
:clearable="widget.options.clearable"
:placeholder="widget.options.placeholder"
:style="{width: widget.options.width}"
:options="widget.options.remoteOptions"
/>
</template>
<template v-if="widget.type === 'text'">
<span
:style="{
'font-size': widget.options.font_size,
'font-family': widget.options.font_family,
'font-weight': widget.options.font_weight,
'color': widget.options.font_color
}"
>
{{ widget.options.defaultValue }}
</span>
</template>
<template v-if="widget.type === 'divider'">
<el-divider
:direction="widget.options.direction"
:content-position="widget.options.content_position"
>
<span
:style="{
'font-size': widget.options.font_size,
'font-family': widget.options.font_family,
'font-weight': widget.options.font_weight,
'color': widget.options.font_color
}"
>
{{ widget.options.defaultValue }}
</span>
</el-divider>
</template>
</el-form-item>
</template>
<script>
import FmUpload from './Upload'
export default {
components: {
FmUpload
},
/* eslint-disable */
props: ['widget', 'models', 'rules', 'remote', 'data'],
data() {
return {
dataModel: this.models[this.widget.model]
}
},
watch: {
dataModel: {
deep: true,
handler(val) {
this.models[this.widget.model] = val
this.$emit('update:models', {
...this.models,
[this.widget.model]: val
})
this.$emit('input-change', val, this.widget.model)
}
},
models: {
deep: true,
handler(val) {
this.dataModel = val[this.widget.model]
}
}
},
created() {
if (this.widget.options.remote && this.remote[this.widget.options.remoteFunc]) {
this.remote[this.widget.options.remoteFunc]((data) => {
this.widget.options.remoteOptions = data.map(item => {
return {
value: item[this.widget.options.props.value],
label: item[this.widget.options.props.label],
children: item[this.widget.options.props.children]
}
})
})
}
if (this.widget.type === 'imgupload' && this.widget.options.isQiniu) {
this.remote[this.widget.options.tokenFunc]((data) => {
this.widget.options.token = data
})
}
},
methods: {
}
}
</script>
src/components/VueFormMaking/components/Upload/index.vue 0 → 100644
<template>
<div
:id="uploadId"
class="fm-uplaod-container"
>
<draggable
v-model="fileList"
class="drag-img-list"
v-bind="{group: uploadId, ghostClass: 'ghost', animation: 200}"
:no-transition-on-drag="true"
>
<div
v-for="(item) in fileList"
:id="item.key"
:key="item.key"
:style="{width: width+'px', height: height+'px'}"
:class="{uploading: item.status=='uploading', 'is-success': item.status=='success', 'is-diabled': disabled}"
class="upload-file"
>
<img :src="item.url">
<el-progress v-if="item.status=='uploading'" :width="miniWidth*0.9" class="upload-progress" type="circle" :percentage="item.percent" />
<label v-if="item.status=='success'" class="item-status">
<i class="el-icon-upload-success el-icon-check" />
</label>
<div v-if="!disabled" class="uplaod-action" :style="{height: miniWidth / 4 + 'px'}">
<i class="iconfont icon-tupianyulan" :title="$t('fm.upload.preview')" :style="{'font-size': miniWidth/8+'px'}" @click="handlePreviewFile(item.key)" />
<i v-if="isEdit" class="iconfont icon-sync1" :title="$t('fm.upload.edit')" :style="{'font-size': miniWidth/8+'px'}" @click="handleEdit(item.key)" />
<i v-if="isDelete && fileList.length > min" class="iconfont icon-delete" :title="$t('fm.upload.delete')" :style="{'font-size': miniWidth/8+'px'}" @click="handleRemove(item.key)" />
</div>
</div>
</draggable>
<div
v-show="(!isQiniu || (isQiniu && token)) && fileList.length < length"
class="el-upload el-upload--picture-card"
:class="{'is-disabled': disabled}"
:style="{width: width+'px', height: height+'px'}"
@click.self="handleAdd"
>
<i class="el-icon-plus" :style="{fontSize:miniWidth/4+'px',marginTop: (-miniWidth/8)+'px', marginLeft: (-miniWidth/8)+'px'}" @click.self="handleAdd" />
<input v-if="multiple" ref="uploadInput" accept="image/*" multiple type="file" :style="{width: 0, height: 0}" name="file" class="el-upload__input upload-input"
@change="handleChange">
<input v-else ref="uploadInput" accept="image/*" type="file" :style="{width:0, height: 0}" name="file" class="el-upload__input upload-input" @change="handleChange">
</div>
</div>
</template>
<script>
import Viewer from 'viewerjs'
import Draggable from 'vuedraggable'
import * as qiniu from 'qiniu-js'
require('viewerjs/dist/viewer.css')
export default {
components: {
Draggable
},
props: {
value: {
type: Array,
default: () => []
},
width: {
type: Number,
default: 100
},
height: {
type: Number,
default: 100
},
token: {
type: String,
default: ''
},
domain: {
type: String,
default: ''
},
multiple: {
type: Boolean,
default: false
},
length: {
type: Number,
default: 9
},
isQiniu: {
type: Boolean,
default: false
},
isDelete: {
type: Boolean,
default: false
},
min: {
type: Number,
default: 0
},
meitu: {
type: Boolean,
default: false
},
isEdit: {
type: Boolean,
default: false
},
action: {
type: String,
default: ''
},
disabled: {
type: Boolean,
default: false
}
},
data() {
return {
fileList: this.value.map(item => {
return {
key: item.key ? item.key : (new Date().getTime()) + '_' + Math.ceil(Math.random() * 99999),
url: item.url,
percent: item.percent ? item.percent : 100,
status: item.status ? item.status : 'success'
}
}),
viewer: null,
uploadId: 'upload_' + new Date().getTime(),
editIndex: -1,
meituIndex: -1
}
},
computed: {
miniWidth() {
if (this.width > this.height) {
return this.height
} else {
return this.width
}
}
},
watch: {
'fileList': {
deep: true,
handler(val) {
// this.$emit('input', this.fileList)
}
}
},
mounted() {
this.$emit('input', this.fileList)
},
methods: {
handleChange() {
const files = this.$refs.uploadInput.files
for (let i = 0; i < files.length; i++) {
const file = files[i]
const reader = new FileReader()
const key = (new Date().getTime()) + '_' + Math.ceil(Math.random() * 99999)
reader.readAsDataURL(file)
reader.onload = () => {
if (this.editIndex >= 0) {
this.$set(this.fileList, this.editIndex, {
key,
url: reader.result,
percent: 0,
status: 'uploading'
})
this.editIndex = -1
} else {
this.fileList.push({
key,
url: reader.result,
percent: 0,
status: 'uploading'
})
}
this.$nextTick(() => {
if (this.isQiniu) {
this.uplaodAction2(reader.result, file, key)
} else {
this.uplaodAction(reader.result, file, key)
}
})
}
}
this.$refs.uploadInput.value = []
},
uplaodAction(res, file, key) {
const changeIndex = this.fileList.findIndex(item => item.key === key)
const xhr = new XMLHttpRequest()
const url = this.action
xhr.open('POST', url, true)
// xhr.setRequestHeader('Content-Type', 'multipart/form-data')
const formData = new FormData()
formData.append('file', file)
xhr.send(formData)
xhr.onreadystatechange = () => {
if (xhr.readyState === 4) {
const resData = JSON.parse(xhr.response)
if (resData && resData.url) {
this.$set(this.fileList, this.fileList.findIndex(item => item.key === key), {
...this.fileList[this.fileList.findIndex(item => item.key === key)],
url: resData.url,
percent: 100
})
setTimeout(() => {
this.$set(this.fileList, this.fileList.findIndex(item => item.key === key), {
...this.fileList[this.fileList.findIndex(item => item.key === key)],
status: 'success'
})
this.$emit('input', this.fileList)
}, 200)
} else {
this.$set(this.fileList, this.fileList.findIndex(item => item.key === key), {
...this.fileList[this.fileList.findIndex(item => item.key === key)],
status: 'error'
})
this.fileList.splice(this.fileList.findIndex(item => item.key === key), 1)
}
}
}
xhr.onprogress = (res) => {
if (res.total && res.loaded) {
this.$set(this.fileList[this.fileList.findIndex(item => item.key === key)], 'percent', res.loaded / res.total * 100)
}
}
},
uplaodAction2(res, file, key) {
const _this = this
const observable = qiniu.upload(file, key, this.token, {
fname: key,
mimeType: []
}, {
useCdnDomain: true,
region: qiniu.region.z2
})
observable.subscribe({
next(res) {
_this.$set(_this.fileList[_this.fileList.findIndex(item => item.key === key)], 'percent', parseInt(res.total.percent))
},
error(err) {
_this.$set(_this.fileList, _this.fileList.findIndex(item => item.key === key), {
..._this.fileList[_this.fileList.findIndex(item => item.key === key)],
status: 'error'
})
_this.fileList.splice(_this.fileList.findIndex(item => item.key === key), 1)
},
complete(res) {
_this.$set(_this.fileList, _this.fileList.findIndex(item => item.key === key), {
..._this.fileList[_this.fileList.findIndex(item => item.key === key)],
url: _this.domain + res.key,
percent: 100
})
setTimeout(() => {
_this.$set(_this.fileList, _this.fileList.findIndex(item => item.key === key), {
..._this.fileList[_this.fileList.findIndex(item => item.key === key)],
status: 'success'
})
_this.$emit('input', _this.fileList)
}, 200)
}
})
},
handleRemove(key) {
this.fileList.splice(this.fileList.findIndex(item => item.key === key), 1)
},
handleEdit(key) {
this.editIndex = this.fileList.findIndex(item => item.key === key)
this.$refs.uploadInput.click()
},
handleMeitu(key) {
this.$emit('on-meitu', this.fileList.findIndex(item => item.key === key))
},
handleAdd() {
if (!this.disabled) {
this.editIndex = -1
this.$refs.uploadInput.click()
}
},
handlePreviewFile(key) {
this.viewer && this.viewer.destroy()
this.uploadId = 'upload_' + new Date().getTime()
this.$nextTick(() => {
this.viewer = new Viewer(document.getElementById(this.uploadId))
this.viewer.view(this.fileList.findIndex(item => item.key === key))
})
}
}
}
</script>
<style lang="scss">
.fm-uplaod-container{
.is-disabled{
position: relative;
&::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
// background: rgba(0,0,0,.1);
content: '';
display: block;
cursor:not-allowed;
}
}
.upload-file{
margin: 0 10px 10px 0;
display: inline-flex;
justify-content: center;
align-items: center;
// background: #fff;
overflow: hidden;
background-color: #fff;
border: 1px solid #c0ccda;
border-radius: 6px;
box-sizing: border-box;
position: relative;
vertical-align: top;
&:hover{
.uplaod-action{
display: flex;
}
}
.uplaod-action{
position: absolute;
// top: 0;
// height: 30px;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.6);
display: none;
justify-content: center;
align-items: center;
i{
color: #fff;
cursor: pointer;
margin: 0 5px;
}
}
&.is-success{
.item-status{
position: absolute;
right: -15px;
top: -6px;
width: 40px;
height: 24px;
background: #13ce66;
text-align: center;
transform: rotate(45deg);
box-shadow: 0 0 1pc 1px rgba(0,0,0,.2);
&>i{
font-size: 12px;
margin-top: 11px;
color: #fff;
transform: rotate(-45deg);
}
}
}
&.uploading{
&:before{
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.3);
}
}
.upload-progress{
position: absolute;
.el-progress__text{
color: #fff;
font-size: 16px !important;
}
}
img{
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
}
.el-upload--picture-card{
position: relative;
overflow: hidden;
.el-icon-plus{
position: absolute;
top: 50%;
left: 50%;
}
}
.upload-input{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
opacity: 0;
cursor: pointer;
}
.drag-img-list{
display: inline;
.ghost{
position: relative;
&::after {
width: 100%;
height: 100%;
display: block;
content: '';
background: #fbfdff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 1px dashed #3bb3c2;
}
}
&>div{
cursor: move;
}
}
}
.viewer-container{
z-index: 9999 !important;
}
</style>
src/components/VueFormMaking/components/WidgetConfig.vue 0 → 100644
<template>
<div v-if="show">
<el-form label-position="top">
<el-form-item v-if="data.type!='grid'" :label="$t('fm.config.widget.model')">
<el-input v-model="data.model" />
</el-form-item>
<el-form-item v-if="data.type!=='grid' && data.type!=='divider'" :label="$t('fm.config.widget.name')">
<el-input v-model="data.name" />
</el-form-item>
<el-form-item v-if="Object.keys(data.options).indexOf('width')>=0" :label="$t('fm.config.widget.width')">
<el-input v-model="data.options.width" />
</el-form-item>
<el-form-item v-if="Object.keys(data.options).indexOf('height')>=0" :label="$t('fm.config.widget.height')">
<el-input v-model="data.options.height" />
</el-form-item>
<el-form-item v-if="Object.keys(data.options).indexOf('size')>=0" :label="$t('fm.config.widget.size')">
{{ $t('fm.config.widget.width') }} <el-input v-model.number="data.options.size.width" style="width: 90px;" type="number" />
{{ $t('fm.config.widget.height') }} <el-input v-model.number="data.options.size.height" style="width: 90px;" type="number" />
</el-form-item>
<el-form-item v-if="Object.keys(data.options).indexOf('placeholder')>=0 && (data.type!='time' || data.type!='date')" :label="$t('fm.config.widget.placeholder')">
<el-input v-model="data.options.placeholder" />
</el-form-item>
<el-form-item v-if="Object.keys(data.options).indexOf('inline')>=0" :label="$t('fm.config.widget.layout')">
<el-radio-group v-model="data.options.inline">
<el-radio-button :label="false">{{ $t('fm.config.widget.block') }}</el-radio-button>
<el-radio-button :label="true">{{ $t('fm.config.widget.inline') }}</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item v-if="Object.keys(data.options).indexOf('showInput')>=0" :label="$t('fm.config.widget.showInput')">
<el-switch v-model="data.options.showInput" />
</el-form-item>
<el-form-item v-if="Object.keys(data.options).indexOf('min')>=0" :label="$t('fm.config.widget.min')">
<el-input-number v-model="data.options.min" :min="0" :max="100" :step="1" />
</el-form-item>
<el-form-item v-if="Object.keys(data.options).indexOf('max')>=0" :label="$t('fm.config.widget.max')">
<el-input-number v-model="data.options.max" :min="0" :max="100" :step="1" />
</el-form-item>
<el-form-item v-if="Object.keys(data.options).indexOf('step')>=0" :label="$t('fm.config.widget.step')">
<el-input-number v-model="data.options.step" :min="0" :max="100" :step="1" />
</el-form-item>
<el-form-item v-if="data.type=='select' || data.type=='imgupload'" :label="$t('fm.config.widget.multiple')">
<el-switch v-model="data.options.multiple" @change="handleSelectMuliple" />
</el-form-item>
<el-form-item v-if="data.type=='select'" :label="$t('fm.config.widget.filterable')">
<el-switch v-model="data.options.filterable" />
</el-form-item>
<el-form-item v-if="Object.keys(data.options).indexOf('allowHalf')>=0" label="$t('fm.config.widget.allowHalf')">
<el-switch
v-model="data.options.allowHalf"
/>
</el-form-item>
<el-form-item v-if="Object.keys(data.options).indexOf('showAlpha')>=0" :label="$t('fm.config.widget.showAlpha')">
<el-switch
v-model="data.options.showAlpha"
/>
</el-form-item>
<el-form-item v-if="Object.keys(data.options).indexOf('showLabel')>=0" :label="$t('fm.config.widget.showLabel')">
<el-switch
v-model="data.options.showLabel"
/>
</el-form-item>
<el-form-item v-if="Object.keys(data.options).indexOf('options')>=0" :label="$t('fm.config.widget.option')">
<el-radio-group v-model="data.options.remote" size="mini" style="margin-bottom:10px;">
<el-radio-button :label="false">{{ $t('fm.config.widget.staticData') }}</el-radio-button>
<el-radio-button :label="true">{{ $t('fm.config.widget.remoteData') }}</el-radio-button>
</el-radio-group>
<template v-if="data.options.remote">
<div>
<el-input v-model="data.options.remoteFunc" size="mini" style="">
<template slot="prepend">{{ $t('fm.config.widget.remoteFunc') }}</template>
</el-input>
<el-input v-model="data.options.props.value" size="mini" style="">
<template slot="prepend">{{ $t('fm.config.widget.value') }}</template>
</el-input>
<el-input v-model="data.options.props.label" size="mini" style="">
<template slot="prepend">{{ $t('fm.config.widget.label') }}</template>
</el-input>
</div>
</template>
<template v-else>
<template v-if="data.type=='radio' || (data.type=='select'&&!data.options.multiple)">
<el-radio-group v-model="data.options.defaultValue">
<draggable
tag="ul"
:list="data.options.options"
v-bind="{group:{ name:'options'}, ghostClass: 'ghost',handle: '.drag-item'}"
handle=".drag-item"
>
<li v-for="(item, index) in data.options.options" :key="index">
<el-radio
:label="item.value"
style="margin-right: 5px;"
>
<el-input v-model="item.value" :style="{'width': data.options.showLabel? '90px': '180px' }" size="mini" />
<el-input v-if="data.options.showLabel" v-model="item.label" style="width:90px;" size="mini" />
<!-- <input v-model="item.value"/> -->
</el-radio>
<i class="drag-item" style="font-size: 16px;margin: 0 5px;cursor: move;"><i class="iconfont icon-icon_bars" /></i>
<el-button circle plain type="danger" size="mini" icon="el-icon-minus" style="padding: 4px;margin-left: 5px;" @click="handleOptionsRemove(index)" />
</li>
</draggable>
</el-radio-group>
</template>
<template v-if="data.type=='checkbox' || (data.type=='select' && data.options.multiple)">
<el-checkbox-group v-model="data.options.defaultValue">
<draggable
tag="ul"
:list="data.options.options"
v-bind="{group:{ name:'options'}, ghostClass: 'ghost',handle: '.drag-item'}"
handle=".drag-item"
>
<li v-for="(item, index) in data.options.options" :key="index">
<el-checkbox
:label="item.value"
style="margin-right: 5px;"
>
<el-input v-model="item.value" :style="{'width': data.options.showLabel? '90px': '180px' }" size="mini" />
<el-input v-if="data.options.showLabel" v-model="item.label" style="width:90px;" size="mini" />
</el-checkbox>
<i class="drag-item" style="font-size: 16px;margin: 0 5px;cursor: move;"><i class="iconfont icon-icon_bars" /></i>
<el-button circle plain type="danger" size="mini" icon="el-icon-minus" style="padding: 4px;margin-left: 5px;" @click="handleOptionsRemove(index)" />
</li>
</draggable>
</el-checkbox-group>
</template>
<div style="margin-left: 22px;">
<el-button type="text" @click="handleAddOption">{{ $t('fm.actions.addOption') }}</el-button>
</div>
</template>
</el-form-item>
<el-form-item v-if="data.type=='cascader'" :label="$t('fm.config.widget.remoteData')">
<div>
<el-input v-model="data.options.remoteFunc" size="mini" style="">
<template slot="prepend">{{ $t('fm.config.widget.remoteFunc') }}</template>
</el-input>
<el-input v-model="data.options.props.value" size="mini" style="">
<template slot="prepend">{{ $t('fm.config.widget.value') }}</template>
</el-input>
<el-input v-model="data.options.props.label" size="mini" style="">
<template slot="prepend">{{ $t('fm.config.widget.label') }}</template>
</el-input>
<el-input v-model="data.options.props.children" size="mini" style="">
<template slot="prepend">{{ $t('fm.config.widget.childrenOption') }}</template>
</el-input>
</div>
</el-form-item>
<el-form-item v-if="Object.keys(data.options).indexOf('defaultValue')>=0 && (data.type == 'textarea' || data.type == 'input' || data.type=='rate' || data.type=='color' || data.type=='switch')" :label="$t('fm.config.widget.defaultValue')">
<el-input v-if="data.type=='textarea'" v-model="data.options.defaultValue" type="textarea" :rows="5" />
<el-input v-if="data.type=='input'" v-model="data.options.defaultValue" />
<el-rate v-if="data.type == 'rate'" v-model="data.options.defaultValue" style="display:inline-block;vertical-align: middle;" :max="data.options.max" :allow-half="data.options.allowHalf" />
<el-button v-if="data.type == 'rate'" type="text" style="display:inline-block;vertical-align: middle;margin-left: 10px;" @click="data.options.defaultValue=0">{{ $t('fm.actions.clear') }}</el-button>
<el-color-picker
v-if="data.type == 'color'"
v-model="data.options.defaultValue"
:show-alpha="data.options.showAlpha"
/>
<el-switch v-if="data.type=='switch'" v-model="data.options.defaultValue" />
</el-form-item>
<template v-if="data.type == 'time' || data.type == 'date'">
<el-form-item v-if="data.type == 'date'" :label="$t('fm.config.widget.showType')">
<el-select v-model="data.options.type">
<el-option value="year" />
<el-option value="month" />
<el-option value="date" />
<el-option value="dates" />
<!-- <el-option value="week"></el-option> -->
<el-option value="datetime" />
<el-option value="datetimerange" />
<el-option value="daterange" />
</el-select>
</el-form-item>
<el-form-item v-if="data.type == 'time'" :label="$t('fm.config.widget.isRange')">
<el-switch
v-model="data.options.isRange"
/>
</el-form-item>
<el-form-item v-if="data.type == 'date'" :label="$t('fm.config.widget.isTimestamp')">
<el-switch
v-model="data.options.timestamp"
/>
</el-form-item>
<el-form-item v-if="(!data.options.isRange && data.type == 'time') || (data.type != 'time' && data.options.type != 'datetimerange' && data.options.type != 'daterange')" :label="$t('fm.config.widget.placeholder')">
<el-input v-model="data.options.placeholder" />
</el-form-item>
<el-form-item v-if="(data.options.isRange) || data.options.type=='datetimerange' || data.options.type=='daterange'" :label="$t('fm.config.widget.startPlaceholder')">
<el-input v-model="data.options.startPlaceholder" />
</el-form-item>
<el-form-item v-if="data.options.isRange || data.options.type=='datetimerange' || data.options.type=='daterange'" :label="$t('fm.config.widget.endPlaceholder')">
<el-input v-model="data.options.endPlaceholder" />
</el-form-item>
<el-form-item :label="$t('fm.config.widget.format')">
<el-input v-model="data.options.format" />
</el-form-item>
<el-form-item v-if="data.type=='time' && Object.keys(data.options).indexOf('isRange')>=0" :label="$t('fm.config.widget.defaultValue')">
<el-time-picker
v-if="!data.options.isRange"
key="1"
v-model="data.options.defaultValue"
style="width: 100%;"
:arrow-control="data.options.arrowControl"
:value-format="data.options.format"
/>
<el-time-picker
v-if="data.options.isRange"
key="2"
v-model="data.options.defaultValue"
style="width: 100%;"
is-range
:arrow-control="data.options.arrowControl"
:value-format="data.options.format"
/>
</el-form-item>
</template>
<template v-if="data.type=='imgupload'">
<el-form-item :label="$t('fm.config.widget.limit')">
<el-input v-model.number="data.options.length" type="number" />
</el-form-item>
<el-form-item :label="$t('fm.config.widget.isQiniu')">
<el-switch v-model="data.options.isQiniu" />
</el-form-item>
<template v-if="data.options.isQiniu">
<el-form-item label="Domain" :required="true">
<el-input v-model="data.options.domain" />
</el-form-item>
<el-form-item :label="$t('fm.config.widget.tokenFunc')" :required="true">
<el-input v-model="data.options.tokenFunc" />
</el-form-item>
</template>
<template v-else>
<el-form-item :label="$t('fm.config.widget.imageAction')" :required="true">
<el-input v-model="data.options.action" />
</el-form-item>
</template>
</template>
<template v-if="data.type==='text'">
<el-form-item label="文字内容">
<el-input v-model="data.options.defaultValue" placeholder="请输入文字内容" />
</el-form-item>
<el-form-item label="文字大小">
<el-input v-model="data.options.font_size" placeholder="请输入字体大小" />
</el-form-item>
<el-form-item label="文字颜色">
<el-input v-model="data.options.font_color" placeholder="请输入文字颜色" />
</el-form-item>
<el-form-item label="设置粗体">
<el-input v-model="data.options.font_weight" placeholder="请输入设置粗体" />
</el-form-item>
<el-form-item label="字体属性">
<el-input v-model="data.options.font_family" placeholder="请输入字体属性" />
</el-form-item>
<el-form-item label="是否显示Label">
<el-radio-group v-model="data.options.textLabelStatus">
<el-radio-button :label="true">是</el-radio-button>
<el-radio-button :label="false">否</el-radio-button>
</el-radio-group>
</el-form-item>
</template>
<template v-if="data.type==='divider'">
<el-form-item label="文字内容">
<el-input v-model="data.options.defaultValue" placeholder="请输入文字内容" />
</el-form-item>
<el-form-item label="文字位置">
<el-radio-group v-model="data.options.content_position">
<el-radio-button label="left">左</el-radio-button>
<el-radio-button label="center">中间</el-radio-button>
<el-radio-button label="right">右</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="分割线方向">
<el-radio-group v-model="data.options.direction">
<el-radio-button label="horizontal">横</el-radio-button>
<el-radio-button label="vertical">竖</el-radio-button>
</el-radio-group>
</el-form-item>
<el-form-item label="文字大小">
<el-input v-model="data.options.font_size" placeholder="请输入字体大小" />
</el-form-item>
<el-form-item label="文字颜色">
<el-input v-model="data.options.font_color" placeholder="请输入文字颜色" />
</el-form-item>
<el-form-item label="设置粗体">
<el-input v-model="data.options.font_weight" placeholder="请输入设置粗体" />
</el-form-item>
<el-form-item label="字体属性">
<el-input v-model="data.options.font_family" placeholder="请输入字体属性" />
</el-form-item>
</template>
<template v-if="data.type==='blank'">
<el-form-item :label="$t('fm.config.widget.defaultType')">
<el-select v-model="data.options.defaultType">
<el-option value="String" :label="$t('fm.config.widget.string')" />
<el-option value="Object" :label="$t('fm.config.widget.object')" />
<el-option value="Array" :label="$t('fm.config.widget.array')" />
</el-select>
</el-form-item>
</template>
<template v-if="data.type == 'grid'">
<el-form-item :label="$t('fm.config.widget.gutter')">
<el-input v-model.number="data.options.gutter" type="number" />
</el-form-item>
<el-form-item :label="$t('fm.config.widget.columnOption')">
<draggable
tag="ul"
:list="data.columns"
v-bind="{group:{ name:'options'}, ghostClass: 'ghost',handle: '.drag-item'}"
handle=".drag-item"
>
<li v-for="(item, index) in data.columns" :key="index">
<i class="drag-item" style="font-size: 16px;margin: 0 5px;cursor: move;"><i class="iconfont icon-icon_bars" /></i>
<el-input v-model.number="item.span" :placeholder="$t('fm.config.widget.span')" size="mini" style="width: 100px;" type="number" />
<el-button circle plain type="danger" size="mini" icon="el-icon-minus" style="padding: 4px;margin-left: 5px;" @click="handleOptionsRemove(index)" />
</li>
</draggable>
<div style="margin-left: 22px;">
<el-button type="text" @click="handleAddColumn">{{ $t('fm.actions.addColumn') }}</el-button>
</div>
</el-form-item>
<el-form-item :label="$t('fm.config.widget.justify')">
<el-select v-model="data.options.justify">
<el-option value="start" :label="$t('fm.config.widget.justifyStart')" />
<el-option value="end" :label="$t('fm.config.widget.justifyEnd')" />
<el-option value="center" :label="$t('fm.config.widget.justifyCenter')" />
<el-option value="space-around" :label="$t('fm.config.widget.justifySpaceAround')" />
<el-option value="space-between" :label="$t('fm.config.widget.justifySpaceBetween')" />
</el-select>
</el-form-item>
<el-form-item :label="$t('fm.config.widget.align')">
<el-select v-model="data.options.align">
<el-option value="top" :label="$t('fm.config.widget.alignTop')" />
<el-option value="middle" :label="$t('fm.config.widget.alignMiddle')" />
<el-option value="bottom" :label="$t('fm.config.widget.alignBottom')" />
</el-select>
</el-form-item>
</template>
<template v-if="data.type != 'grid'">
<el-form-item :label="$t('fm.config.widget.attribute')">
<el-checkbox v-if="Object.keys(data.options).indexOf('readonly')>=0" v-model="data.options.readonly">{{ $t('fm.config.widget.readonly') }}</el-checkbox>
<el-checkbox v-if="Object.keys(data.options).indexOf('disabled')>=0" v-model="data.options.disabled">{{ $t('fm.config.widget.disabled') }} </el-checkbox>
<el-checkbox v-if="Object.keys(data.options).indexOf('editable')>=0" v-model="data.options.editable">{{ $t('fm.config.widget.editable') }}</el-checkbox>
<el-checkbox v-if="Object.keys(data.options).indexOf('clearable')>=0" v-model="data.options.clearable">{{ $t('fm.config.widget.clearable') }} </el-checkbox>
<el-checkbox v-if="Object.keys(data.options).indexOf('arrowControl')>=0" v-model="data.options.arrowControl">{{ $t('fm.config.widget.arrowControl') }}</el-checkbox>
<el-checkbox v-if="Object.keys(data.options).indexOf('isDelete')>=0" v-model="data.options.isDelete">{{ $t('fm.config.widget.isDelete') }}</el-checkbox>
<el-checkbox v-if="Object.keys(data.options).indexOf('isEdit')>=0" v-model="data.options.isEdit">{{ $t('fm.config.widget.isEdit') }}</el-checkbox>
</el-form-item>
<el-form-item :label="$t('fm.config.widget.validate')">
<div v-if="Object.keys(data.options).indexOf('required')>=0">
<el-checkbox v-model="data.options.required">{{ $t('fm.config.widget.required') }}</el-checkbox>
</div>
<el-select v-if="Object.keys(data.options).indexOf('dataType')>=0" v-model="data.options.dataType" size="mini">
<el-option value="string" :label="$t('fm.config.widget.string')" />
<el-option value="number" :label="$t('fm.config.widget.number')" />
<el-option value="boolean" :label="$t('fm.config.widget.boolean')" />
<el-option value="integer" :label="$t('fm.config.widget.integer')" />
<el-option value="float" :label="$t('fm.config.widget.float')" />
<el-option value="url" :label="$t('fm.config.widget.url')" />
<el-option value="email" :label="$t('fm.config.widget.email')" />
<el-option value="hex" :label="$t('fm.config.widget.hex')" />
</el-select>
<div v-if="Object.keys(data.options).indexOf('pattern')>=0">
<el-input v-model.lazy="data.options.pattern" size="mini" style=" width: 240px;" :placeholder="$t('fm.config.widget.patternPlaceholder')" />
</div>
</el-form-item>
</template>
</el-form>
</div>
</template>
<script>
import Draggable from 'vuedraggable'
export default {
components: {
Draggable
},
/* eslint-disable */
props: ['data'],
data() {
return {
validator: {
type: null,
required: null,
pattern: null,
range: null,
length: null
}
}
},
computed: {
show() {
if (this.data && Object.keys(this.data).length > 0) {
return true
}
return false
}
},
watch: {
'data.options.isRange': function(val) {
if (typeof val !== 'undefined') {
if (val) {
this.data.options.defaultValue = null
} else {
if (Object.keys(this.data.options).indexOf('defaultValue') >= 0) { this.data.options.defaultValue = '' }
}
}
},
'data.options.required': function(val) {
this.validateRequired(val)
},
'data.options.dataType': function(val) {
this.validateDataType(val)
},
'data.options.pattern': function(val) {
this.valiatePattern(val)
},
'data.name': function(val) {
if (this.data.options) {
this.validateRequired(this.data.options.required)
this.validateDataType(this.data.options.dataType)
this.valiatePattern(this.data.options.pattern)
}
}
},
methods: {
handleOptionsRemove(index) {
if (this.data.type === 'grid') {
this.data.columns.splice(index, 1)
} else {
this.data.options.options.splice(index, 1)
}
},
handleAddOption() {
if (this.data.options.showLabel) {
this.data.options.options.push({
value: this.$t('fm.config.widget.newOption'),
label: this.$t('fm.config.widget.newOption')
})
} else {
this.data.options.options.push({
value: this.$t('fm.config.widget.newOption')
})
}
},
handleAddColumn() {
this.data.columns.push({
span: '',
list: []
})
},
generateRule() {
this.data.rules = []
Object.keys(this.validator).forEach(key => {
if (this.validator[key]) {
this.data.rules.push(this.validator[key])
}
})
},
handleSelectMuliple(value) {
if (value) {
if (this.data.options.defaultValue) {
this.data.options.defaultValue = [this.data.options.defaultValue]
} else {
this.data.options.defaultValue = []
}
} else {
if (this.data.options.defaultValue.length > 0) {
this.data.options.defaultValue = this.data.options.defaultValue[0]
} else {
this.data.options.defaultValue = ''
}
}
},
validateRequired(val) {
if (val) {
this.validator.required = { required: true, message: `${this.data.name}${this.$t('fm.config.widget.validatorRequired')}` }
} else {
this.validator.required = null
}
this.$nextTick(() => {
this.generateRule()
})
},
validateDataType(val) {
if (!this.show) {
return false
}
if (val) {
this.validator.type = { type: val, message: this.data.name + this.$t('fm.config.widget.validatorType') }
} else {
this.validator.type = null
}
this.generateRule()
},
valiatePattern(val) {
if (!this.show) {
return false
}
if (val) {
this.validator.pattern = { pattern: val, message: this.data.name + this.$t('fm.config.widget.validatorPattern') }
} else {
this.validator.pattern = null
}
this.generateRule()
}
}
}
</script>
src/components/VueFormMaking/components/WidgetForm.vue 0 → 100644
<template>
<div class="widget-form-container">
<div v-if="data.list.length == 0" class="form-empty">{{ $t('fm.description.containerEmpty') }}</div>
<el-form :size="data.config.size" label-suffix=":" :label-position="data.config.labelPosition" :label-width="data.config.labelWidth + 'px'">
<draggable
v-model="data.list"
class=""
v-bind="{group:'people', ghostClass: 'ghost',animation: 200, handle: '.drag-widget'}"
@end="handleMoveEnd"
@add="handleWidgetAdd"
>
<transition-group name="fade" tag="div" class="widget-form-list">
<template v-for="(element, index) in data.list">
<template v-if="element.type == 'grid'">
<el-row
v-if="element && element.key"
:key="element.key"
class="widget-col widget-view"
type="flex"
:class="{active: selectWidget.key == element.key}"
:gutter="element.options.gutter ? element.options.gutter : 0"
:justify="element.options.justify"
:align="element.options.align"
@click.native="handleSelectWidget(index)"
>
<el-col v-for="(col, colIndex) in element.columns" :key="colIndex" :span="col.span ? col.span : 0">
<draggable
v-model="col.list"
:no-transition-on-drag="true"
v-bind="{group:'people', ghostClass: 'ghost',animation: 200, handle: '.drag-widget'}"
@end="handleMoveEnd"
@add="handleWidgetColAdd($event, element, colIndex)"
>
<transition-group name="fade" tag="div" class="widget-col-list">
<widget-form-item
v-for="(el, i) in col.list"
v-if="el.key"
:key="el.key"
:element="el"
:select.sync="selectWidget"
:index="i"
:data="col"
:data-config="data"
/>
</transition-group>
</draggable>
</el-col>
<div v-if="selectWidget.key == element.key" class="widget-view-action widget-col-action">
<i class="iconfont icon-trash" @click.stop="handleWidgetDelete(index)" />
</div>
<div v-if="selectWidget.key == element.key" class="widget-view-drag widget-col-drag">
<i class="iconfont icon-drag drag-widget" />
</div>
</el-row>
</template>
<template v-else>
<widget-form-item
v-if="element && element.key"
:key="element.key"
:element="element"
:select.sync="selectWidget"
:index="index"
:data-config="data"
:data="data"
/>
</template>
</template>
</transition-group>
</draggable>
</el-form>
</div>
</template>
<script>
import Draggable from 'vuedraggable'
import WidgetFormItem from './WidgetFormItem'
export default {
components: {
Draggable,
WidgetFormItem
},
/* eslint-disable */
props: ['data', 'select'],
data() {
return {
selectWidget: this.select
}
},
watch: {
select(val) {
this.selectWidget = val
},
selectWidget: {
handler(val) {
this.$emit('update:select', val)
},
deep: true
}
},
mounted() {
document.body.ondrop = function(event) {
const isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1
if (isFirefox) {
event.preventDefault()
event.stopPropagation()
}
}
},
methods: {
handleMoveEnd({ newIndex, oldIndex }) {
},
handleSelectWidget(index) {
this.selectWidget = this.data.list[index]
},
handleWidgetAdd(evt) {
const newIndex = evt.newIndex
const to = evt.to
// 为拖拽到容器的元素添加唯一 key
const key = Date.parse(new Date()) + '_' + Math.ceil(Math.random() * 99999)
this.$set(this.data.list, newIndex, {
...this.data.list[newIndex],
options: {
...this.data.list[newIndex].options,
remoteFunc: 'func_' + key
},
key,
// 绑定键值
model: this.data.list[newIndex].type + '_' + key,
rules: []
})
if (this.data.list[newIndex].type === 'radio' || this.data.list[newIndex].type === 'checkbox' || this.data.list[newIndex].type === 'select') {
this.$set(this.data.list, newIndex, {
...this.data.list[newIndex],
options: {
...this.data.list[newIndex].options,
options: this.data.list[newIndex].options.options.map(item => ({
...item
}))
}
})
}
if (this.data.list[newIndex].type === 'grid') {
this.$set(this.data.list, newIndex, {
...this.data.list[newIndex],
columns: this.data.list[newIndex].columns.map(item => ({ ...item }))
})
}
this.selectWidget = this.data.list[newIndex]
},
handleWidgetColAdd($event, row, colIndex) {
const newIndex = $event.newIndex
const oldIndex = $event.oldIndex
const item = $event.item
// 防止布局元素的嵌套拖拽
if (item.className.indexOf('data-grid') >= 0) {
// 如果是列表中拖拽的元素需要还原到原来位置
item.tagName === 'DIV' && this.data.list.splice(oldIndex, 0, row.columns[colIndex].list[newIndex])
row.columns[colIndex].list.splice(newIndex, 1)
return false
}
const key = Date.parse(new Date()) + '_' + Math.ceil(Math.random() * 99999)
this.$set(row.columns[colIndex].list, newIndex, {
...row.columns[colIndex].list[newIndex],
options: {
...row.columns[colIndex].list[newIndex].options,
remoteFunc: 'func_' + key
},
key,
// 绑定键值
model: row.columns[colIndex].list[newIndex].type + '_' + key,
rules: []
})
if (row.columns[colIndex].list[newIndex].type === 'radio' || row.columns[colIndex].list[newIndex].type === 'checkbox' || row.columns[colIndex].list[newIndex].type === 'select') {
this.$set(row.columns[colIndex].list, newIndex, {
...row.columns[colIndex].list[newIndex],
options: {
...row.columns[colIndex].list[newIndex].options,
options: row.columns[colIndex].list[newIndex].options.options.map(item => ({
...item
}))
}
})
}
this.selectWidget = row.columns[colIndex].list[newIndex]
},
handleWidgetDelete(index) {
if (this.data.list.length - 1 === index) {
if (index === 0) {
this.selectWidget = {}
} else {
this.selectWidget = this.data.list[index - 1]
}
} else {
this.selectWidget = this.data.list[index + 1]
}
this.$nextTick(() => {
this.data.list.splice(index, 1)
})
}
}
}
</script>
src/components/VueFormMaking/components/WidgetFormItem.vue 0 → 100644
<template>
<el-form-item
v-if="element && element.key"
:label-width="element.type==='divider' || (element.type==='text' && element.options.textLabelStatus===false)?'0px':dataConfig.config.labelWidth + 'px'"
class="widget-view "
:class="{active: selectWidget.key === element.key, 'is_req': element.options.required}"
:label="element.type==='divider' || (element.type==='text' && element.options.textLabelStatus===false)?'':element.name"
@click.native.stop="handleSelectWidget(index)"
>
<template v-if="element.type == 'input'">
<el-input
v-model="element.options.defaultValue"
:style="{width: element.options.width}"
:placeholder="element.options.placeholder"
:disabled="element.options.disabled"
/>
</template>
<template v-if="element.type == 'textarea'">
<el-input
v-model="element.options.defaultValue"
type="textarea"
:rows="5"
:style="{width: element.options.width}"
:disabled="element.options.disabled"
:placeholder="element.options.placeholder"
/>
</template>
<template v-if="element.type == 'number'">
<el-input-number
v-model="element.options.defaultValue"
:disabled="element.options.disabled"
:controls-position="element.options.controlsPosition"
:style="{width: element.options.width}"
/>
</template>
<template v-if="element.type == 'radio'">
<el-radio-group
v-model="element.options.defaultValue"
:style="{width: element.options.width}"
:disabled="element.options.disabled"
>
<el-radio
v-for="(item, index2) in element.options.options"
:key="item.value + index2"
:style="{display: element.options.inline ? 'inline-block' : 'block'}"
:label="item.value"
>
{{ element.options.showLabel ? item.label : item.value }}
</el-radio>
</el-radio-group>
</template>
<template v-if="element.type == 'checkbox'">
<el-checkbox-group
v-model="element.options.defaultValue"
:style="{width: element.options.width}"
:disabled="element.options.disabled"
>
<el-checkbox
v-for="(item, index1) in element.options.options"
:key="item.value + index1"
:style="{display: element.options.inline ? 'inline-block' : 'block'}"
:label="item.value"
>
{{ element.options.showLabel ? item.label : item.value }}
</el-checkbox>
</el-checkbox-group>
</template>
<template v-if="element.type == 'time'">
<el-time-picker
v-model="element.options.defaultValue"
:is-range="element.options.isRange"
:placeholder="element.options.placeholder"
:start-placeholder="element.options.startPlaceholder"
:end-placeholder="element.options.endPlaceholder"
:readonly="element.options.readonly"
:disabled="element.options.disabled"
:editable="element.options.editable"
:clearable="element.options.clearable"
:arrow-control="element.options.arrowControl"
:style="{width: element.options.width}"
/>
</template>
<template v-if="element.type == 'date'">
<el-date-picker
v-model="element.options.defaultValue"
:type="element.options.type"
:is-range="element.options.isRange"
:placeholder="element.options.placeholder"
:start-placeholder="element.options.startPlaceholder"
:end-placeholder="element.options.endPlaceholder"
:readonly="element.options.readonly"
:disabled="element.options.disabled"
:editable="element.options.editable"
:clearable="element.options.clearable"
:style="{width: element.options.width}"
/>
</template>
<template v-if="element.type == 'rate'">
<el-rate
v-model="element.options.defaultValue"
:max="element.options.max"
:disabled="element.options.disabled"
:allow-half="element.options.allowHalf"
/>
</template>
<template v-if="element.type == 'color'">
<el-color-picker
v-model="element.options.defaultValue"
:disabled="element.options.disabled"
:show-alpha="element.options.showAlpha"
/>
</template>
<template v-if="element.type == 'select'">
<el-select
v-model="element.options.defaultValue"
:disabled="element.options.disabled"
:multiple="element.options.multiple"
:clearable="element.options.clearable"
:placeholder="element.options.placeholder"
:style="{width: element.options.width}"
>
<el-option v-for="item in element.options.options" :key="item.value" :value="item.value" :label="element.options.showLabel?item.label:item.value" />
</el-select>
</template>
<template v-if="element.type=='switch'">
<el-switch
v-model="element.options.defaultValue"
:disabled="element.options.disabled"
/>
</template>
<template v-if="element.type=='slider'">
<el-slider
v-model="element.options.defaultValue"
:min="element.options.min"
:max="element.options.max"
:disabled="element.options.disabled"
:step="element.options.step"
:show-input="element.options.showInput"
:range="element.options.range"
:style="{width: element.options.width}"
/>
</template>
<template v-if="element.type=='imgupload'">
<fm-upload
v-model="element.options.defaultValue"
:disabled="element.options.disabled"
:style="{'width': element.options.width}"
:width="element.options.size.width"
:height="element.options.size.height"
token="xxx"
domain="xxx"
/>
</template>
<template v-if="element.type == 'cascader'">
<el-cascader
v-model="element.options.defaultValue"
:disabled="element.options.disabled"
:clearable="element.options.clearable"
:placeholder="element.options.placeholder"
:style="{width: element.options.width}"
:options="element.options.remoteOptions"
/>
</template>
<template v-if="element.type == 'editor'">
<vue-editor
v-model="element.options.defaultValue"
:style="{width: element.options.width}"
/>
</template>
<template v-if="element.type=='blank'">
<div style="height: 50px;color: #999;background: #eee;line-height:50px;text-align:center;">{{ $t('fm.components.fields.blank') }}</div>
</template>
<template v-if="element.type === 'text'">
<span
:style="{
'font-size': element.options.font_size,
'font-family': element.options.font_family,
'font-weight': element.options.font_weight,
'color': element.options.font_color
}"
>
{{ element.options.defaultValue }}
</span>
</template>
<template v-if="element.type === 'divider'">
<el-divider
:direction="element.options.direction"
:content-position="element.options.content_position"
>
<span
:style="{
'font-size': element.options.font_size,
'font-family': element.options.font_family,
'font-weight': element.options.font_weight,
'color': element.options.font_color
}"
>
{{ element.options.defaultValue }}
</span>
</el-divider>
</template>
<div v-if="selectWidget.key == element.key" class="widget-view-action">
<i class="iconfont icon-icon_clone" @click.stop="handleWidgetClone(index)" />
<i class="iconfont icon-trash" @click.stop="handleWidgetDelete(index)" />
</div>
<div v-if="selectWidget.key == element.key" class="widget-view-drag">
<i class="iconfont icon-drag drag-widget" />
</div>
</el-form-item>
</template>
<script>
import FmUpload from './Upload'
export default {
components: {
FmUpload
},
/* eslint-disable */
props: ['element', 'select', 'index', 'data', 'dataConfig'],
data() {
return {
selectWidget: this.select
}
},
watch: {
select(val) {
this.selectWidget = val
},
selectWidget: {
handler(val) {
this.$emit('update:select', val)
},
deep: true
}
},
mounted() {
},
methods: {
handleSelectWidget(index) {
this.selectWidget = this.data.list[index]
},
handleWidgetDelete(index) {
if (this.data.list.length - 1 === index) {
if (index === 0) {
this.selectWidget = {}
} else {
this.selectWidget = this.data.list[index - 1]
}
} else {
this.selectWidget = this.data.list[index + 1]
}
this.$nextTick(() => {
this.data.list.splice(index, 1)
})
},
handleWidgetClone(index) {
let cloneData = {
...this.data.list[index],
options: { ...this.data.list[index].options },
key: Date.parse(new Date()) + '_' + Math.ceil(Math.random() * 99999)
}
if (this.data.list[index].type === 'radio' || this.data.list[index].type === 'checkbox' || this.data.list[index].type === 'select') {
cloneData = {
...cloneData,
options: {
...cloneData.options,
options: cloneData.options.options.map(item => ({ ...item }))
}
}
}
this.data.list.splice(index, 0, cloneData)
this.$nextTick(() => {
this.selectWidget = this.data.list[index + 1]
})
}
}
}
</script>
src/components/VueFormMaking/components/componentsConfig.js 0 → 100644
export const basicComponents = [
{
type: 'input',
icon: 'icon-input',
options: {
width: '100%',
defaultValue: '',
required: false,
dataType: 'string',
pattern: '',
placeholder: '',
disabled: false
}
},
{
type: 'textarea',
icon: 'icon-diy-com-textarea',
options: {
width: '100%',
defaultValue: '',
required: false,
disabled: false,
pattern: '',
placeholder: ''
}
},
{
type: 'number',
icon: 'icon-number',
options: {
width: '',
required: false,
defaultValue: 0,
min: '',
max: '',
step: 1,
disabled: false,
controlsPosition: ''
}
},
{
type: 'radio',
icon: 'icon-radio-active',
options: {
inline: false,
defaultValue: '',
showLabel: false,
options: [
{
value: 'Option 1',
label: 'Option 1'
},
{
value: 'Option 2',
label: 'Option 2'
},
{
value: 'Option 3',
label: 'Option 3'
}
],
required: false,
width: '',
remote: false,
remoteOptions: [],
props: {
value: 'value',
label: 'label'
},
remoteFunc: '',
disabled: false
}
},
{
type: 'checkbox',
icon: 'icon-check-box',
options: {
inline: false,
defaultValue: [],
showLabel: false,
options: [
{
value: 'Option 1'
},
{
value: 'Option 2'
},
{
value: 'Option 3'
}
],
required: false,
width: '',
remote: false,
remoteOptions: [],
props: {
value: 'value',
label: 'label'
},
remoteFunc: '',
disabled: false
}
},
{
type: 'time',
icon: 'icon-time',
options: {
defaultValue: '21:19:56',
readonly: false,
disabled: false,
editable: true,
clearable: true,
placeholder: '',
startPlaceholder: '',
endPlaceholder: '',
isRange: false,
arrowControl: true,
format: 'HH:mm:ss',
required: false,
width: ''
}
},
{
type: 'date',
icon: 'icon-date',
options: {
defaultValue: '',
readonly: false,
disabled: false,
editable: true,
clearable: true,
placeholder: '',
startPlaceholder: '',
endPlaceholder: '',
type: 'date',
format: 'yyyy-MM-dd',
timestamp: false,
required: false,
width: ''
}
},
{
type: 'rate',
icon: 'icon-pingfen1',
options: {
defaultValue: null,
max: 5,
disabled: false,
allowHalf: false,
required: false
}
},
{
type: 'color',
icon: 'icon-color',
options: {
defaultValue: '',
disabled: false,
showAlpha: false,
required: false
}
},
{
type: 'select',
icon: 'icon-select',
options: {
defaultValue: '',
multiple: false,
disabled: false,
clearable: false,
placeholder: '',
required: false,
showLabel: false,
width: '',
options: [
{
value: 'Option 1'
},
{
value: 'Option 2'
}, {
value: 'Option 3'
}
],
remote: false,
filterable: false,
remoteOptions: [],
props: {
value: 'value',
label: 'label'
},
remoteFunc: ''
}
},
{
type: 'switch',
icon: 'icon-switch',
options: {
defaultValue: false,
required: false,
disabled: false
}
},
{
type: 'slider',
icon: 'icon-slider',
options: {
defaultValue: 0,
disabled: false,
required: false,
min: 0,
max: 100,
step: 1,
showInput: false,
range: false,
width: ''
}
},
{
type: 'text',
icon: 'icon-wenzishezhi-',
options: {
font_size: '15px', // 字体大小
font_color: '#606266', // 字体颜色
font_weight: '500', // 粗体
font_family: '', // 字体属性
defaultValue: 'This is a text',
textLabelStatus: true,
customClass: ''
}
}
]
export const advanceComponents = [
{
type: 'blank',
icon: 'icon-zidingyishuju',
options: {
defaultType: 'String'
}
},
{
type: 'imgupload',
icon: 'icon-tupian',
options: {
defaultValue: [],
size: {
width: 100,
height: 100
},
width: '',
tokenFunc: 'funcGetToken',
token: '',
domain: 'http://pfp81ptt6.bkt.clouddn.com/',
disabled: false,
length: 8,
multiple: false,
isQiniu: false,
isDelete: false,
min: 0,
isEdit: false,
action: 'https://jsonplaceholder.typicode.com/photos/'
}
},
{
type: 'editor',
icon: 'icon-fuwenbenkuang',
options: {
defaultValue: '',
width: ''
}
},
{
type: 'cascader',
icon: 'icon-jilianxuanze',
options: {
defaultValue: [],
width: '',
placeholder: '',
disabled: false,
clearable: false,
remote: true,
remoteOptions: [],
props: {
value: 'value',
label: 'label',
children: 'children'
},
remoteFunc: ''
}
}
]
export const layoutComponents = [
{
type: 'grid',
icon: 'icon-grid-',
columns: [
{
span: 12,
list: []
},
{
span: 12,
list: []
}
],
options: {
gutter: 0,
justify: 'start',
align: 'top'
}
},
{
type: 'divider',
icon: 'icon-input',
options: {
defaultValue: '分割线', // 字体大小
font_size: '15px', // 字体大小
font_color: '#606266', // 字体颜色
font_weight: '500', // 粗体
font_family: '', // 字体属性
direction: 'horizontal', // horizontal / vertical 设置分割线方向
content_position: 'center' // left / right / center 设置分割线文案的位置
}
}
]
src/components/VueFormMaking/components/generateCode.js 0 → 100644
function findRemoteFunc(list, funcList, tokenFuncList, blankList) {
for (let i = 0; i < list.length; i++) {
if (list[i].type === 'grid') {
list[i].columns.forEach(item => {
findRemoteFunc(item.list, funcList, tokenFuncList, blankList)
})
} else {
if (list[i].type === 'blank') {
if (list[i].model) {
blankList.push({
name: list[i].model,
label: list[i].name
})
}
} else if (list[i].type === 'imgupload') {
if (list[i].options.tokenFunc) {
tokenFuncList.push({
func: list[i].options.tokenFunc,
label: list[i].name,
model: list[i].model
})
}
} else {
if (list[i].options.remote && list[i].options.remoteFunc) {
funcList.push({
func: list[i].options.remoteFunc,
label: list[i].name,
model: list[i].model
})
}
}
}
}
}
export default function(data) {
const funcList = []
const tokenFuncList = []
const blankList = []
findRemoteFunc(JSON.parse(data).list, funcList, tokenFuncList, blankList)
let funcTemplate = ''
let blankTemplate = ''
for (let i = 0; i < funcList.length; i++) {
funcTemplate += `
${funcList[i].func} (resolve) {
// ${funcList[i].label} ${funcList[i].model}
// Call callback function once get the data from remote server
// resolve(data)
},
`
}
for (let i = 0; i < tokenFuncList.length; i++) {
funcTemplate += `
${tokenFuncList[i].func} (resolve) {
// ${tokenFuncList[i].label} ${tokenFuncList[i].model}
// Call callback function once get the token
// resolve(token)
},
`
}
for (let i = 0; i < blankList.length; i++) {
blankTemplate += `
<template slot="${blankList[i].name}" slot-scope="scope">
<!-- ${blankList[i].label} -->
<!-- use v-model="scope.model.${blankList[i].name}" to bind data -->
</template>
`
}
return `<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<link rel="stylesheet" href="https://unpkg.com/form-making/dist/FormMaking.css">
</head>
<body>
<div id="app">
<fm-generate-form :data="jsonData" :remote="remoteFuncs" :value="editData" ref="generateForm">
${blankTemplate}
</fm-generate-form>
<el-button type="primary" @click="handleSubmit">提交</el-button>
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="https://unpkg.com/form-making/dist/FormMaking.umd.js"></script>
<script>
new Vue({
el: '#app',
data: {
jsonData: ${data},
editData: {},
remoteFuncs: {
${funcTemplate}
}
},
methods: {
handleSubmit () {
this.$refs.generateForm.getData().then(data => {
// data check success
// data - form data
}).catch(e => {
// data check failed
})
}
}
})
</script>
</body>
</html>`
}
src/components/VueFormMaking/demo/Home.vue 0 → 100644
<template>
<fm-making-form ref="makingForm" upload preview generate-code generate-json clearable>
<template slot="action" />
</fm-making-form>
</template>
<script>
export default {
mounted() {
}
}
</script>
src/components/VueFormMaking/iconfont/demo.css 0 → 100644
/* Logo 字体 */
@font-face {
font-family: "iconfont logo";
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
}
.logo {
font-family: "iconfont logo";
font-size: 160px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* tabs */
.nav-tabs {
position: relative;
}
.nav-tabs .nav-more {
position: absolute;
right: 0;
bottom: 0;
height: 42px;
line-height: 42px;
color: #666;
}
#tabs {
border-bottom: 1px solid #eee;
}
#tabs li {
cursor: pointer;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-bottom: 2px solid transparent;
position: relative;
z-index: 1;
margin-bottom: -1px;
color: #666;
}
#tabs .active {
border-bottom-color: #f00;
color: #222;
}
.tab-container .content {
display: none;
}
/* 页面布局 */
.main {
padding: 30px 100px;
width: 960px;
margin: 0 auto;
}
.main .logo {
color: #333;
text-align: left;
margin-bottom: 30px;
line-height: 1;
height: 110px;
margin-top: -50px;
overflow: hidden;
*zoom: 1;
}
.main .logo a {
font-size: 160px;
color: #333;
}
.helps {
margin-top: 40px;
}
.helps pre {
padding: 20px;
margin: 10px 0;
border: solid 1px #e7e1cd;
background-color: #fffdef;
overflow: auto;
}
.icon_lists {
width: 100% !important;
overflow: hidden;
*zoom: 1;
}
.icon_lists li {
width: 100px;
margin-bottom: 10px;
margin-right: 20px;
text-align: center;
list-style: none !important;
cursor: default;
}
.icon_lists li .code-name {
line-height: 1.2;
}
.icon_lists .icon {
display: block;
height: 100px;
line-height: 100px;
font-size: 42px;
margin: 10px auto;
color: #333;
-webkit-transition: font-size 0.25s linear, width 0.25s linear;
-moz-transition: font-size 0.25s linear, width 0.25s linear;
transition: font-size 0.25s linear, width 0.25s linear;
}
.icon_lists .icon:hover {
font-size: 100px;
}
.icon_lists .svg-icon {
/* 通过设置 font-size 来改变图标大小 */
width: 1em;
/* 图标和文字相邻时，垂直对齐 */
vertical-align: -0.15em;
/* 通过设置 color 来改变 SVG 的颜色/fill */
fill: currentColor;
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
normalize.css 中也包含这行 */
overflow: hidden;
}
.icon_lists li .name,
.icon_lists li .code-name {
color: #666;
}
/* markdown 样式 */
.markdown {
color: #666;
font-size: 14px;
line-height: 1.8;
}
.highlight {
line-height: 1.5;
}
.markdown img {
vertical-align: middle;
max-width: 100%;
}
.markdown h1 {
color: #404040;
font-weight: 500;
line-height: 40px;
margin-bottom: 24px;
}
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
color: #404040;
margin: 1.6em 0 0.6em 0;
font-weight: 500;
clear: both;
}
.markdown h1 {
font-size: 28px;
}
.markdown h2 {
font-size: 22px;
}
.markdown h3 {
font-size: 16px;
}
.markdown h4 {
font-size: 14px;
}
.markdown h5 {
font-size: 12px;
}
.markdown h6 {
font-size: 12px;
}
.markdown hr {
height: 1px;
border: 0;
background: #e9e9e9;
margin: 16px 0;
clear: both;
}
.markdown p {
margin: 1em 0;
}
.markdown>p,
.markdown>blockquote,
.markdown>.highlight,
.markdown>ol,
.markdown>ul {
width: 80%;
}
.markdown ul>li {
list-style: circle;
}
.markdown>ul li,
.markdown blockquote ul>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown>ul li p,
.markdown>ol li p {
margin: 0.6em 0;
}
.markdown ol>li {
list-style: decimal;
}
.markdown>ol li,
.markdown blockquote ol>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown code {
margin: 0 3px;
padding: 0 5px;
background: #eee;
border-radius: 3px;
}
.markdown strong,
.markdown b {
font-weight: 600;
}
.markdown>table {
border-collapse: collapse;
border-spacing: 0px;
empty-cells: show;
border: 1px solid #e9e9e9;
width: 95%;
margin-bottom: 24px;
}
.markdown>table th {
white-space: nowrap;
color: #333;
font-weight: 600;
}
.markdown>table th,
.markdown>table td {
border: 1px solid #e9e9e9;
padding: 8px 16px;
text-align: left;
}
.markdown>table th {
background: #F7F7F7;
}
.markdown blockquote {
font-size: 90%;
color: #999;
border-left: 4px solid #e9e9e9;
padding-left: 0.8em;
margin: 1em 0;
}
.markdown blockquote p {
margin: 0;
}
.markdown .anchor {
opacity: 0;
transition: opacity 0.3s ease;
margin-left: 8px;
}
.markdown .waiting {
color: #ccc;
}
.markdown h1:hover .anchor,
.markdown h2:hover .anchor,
.markdown h3:hover .anchor,
.markdown h4:hover .anchor,
.markdown h5:hover .anchor,
.markdown h6:hover .anchor {
opacity: 1;
display: inline-block;
}
.markdown>br,
.markdown>p>br {
clear: both;
}
.hljs {
display: block;
background: white;
padding: 0.5em;
color: #333333;
overflow-x: auto;
}
.hljs-comment,
.hljs-meta {
color: #969896;
}
.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote {
color: #df5000;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
color: #a71d5d;
}
.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute {
color: #0086b3;
}
.hljs-section,
.hljs-name {
color: #63a35c;
}
.hljs-tag {
color: #333333;
}
.hljs-title,
.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
color: #795da3;
}
.hljs-addition {
color: #55a532;
background-color: #eaffea;
}
.hljs-deletion {
color: #bd2c00;
background-color: #ffecec;
}
.hljs-link {
text-decoration: underline;
}
/* 代码高亮 */
/* PrismJS 1.15.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
}
:not(pre)>code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
/* Inline code */
:not(pre)>code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #9a6e3a;
background: hsla(0, 0%, 100%, .5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function,
.token.class-name {
color: #DD4A68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
src/components/VueFormMaking/iconfont/demo_index.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IconFont Demo</title>
<link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css">
<script src="iconfont.js"></script>
<!-- jQuery -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
<!-- 代码高亮 -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
<div class="main">
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
<div class="nav-tabs">
<ul id="tabs" class="dib-box">
<li class="dib active"><span>Unicode</span></li>
<li class="dib"><span>Font class</span></li>
<li class="dib"><span>Symbol</span></li>
</ul>
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=896287" target="_blank" class="nav-more">查看项目</a>
</div>
<div class="tab-container">
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe6d1;</span>
<div class="name">clear</div>
<div class="code-name">&amp;#xe6d1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63c;</span>
<div class="name">代码生成</div>
<div class="code-name">&amp;#xe63c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe616;</span>
<div class="name">delete</div>
<div class="code-name">&amp;#xe616;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe630;</span>
<div class="name">发布</div>
<div class="code-name">&amp;#xe630;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe642;</span>
<div class="name">清空回收站</div>
<div class="code-name">&amp;#xe642;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65b;</span>
<div class="name">code</div>
<div class="code-name">&amp;#xe65b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe713;</span>
<div class="name">table</div>
<div class="code-name">&amp;#xe713;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe91f;</span>
<div class="name">diy-com-textarea</div>
<div class="code-name">&amp;#xe91f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe634;</span>
<div class="name">自定义数据</div>
<div class="code-name">&amp;#xe634;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7bd;</span>
<div class="name">json</div>
<div class="code-name">&amp;#xe7bd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe695;</span>
<div class="name">符号-级联选择</div>
<div class="code-name">&amp;#xe695;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe606;</span>
<div class="name">icon_clone</div>
<div class="code-name">&amp;#xe606;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe617;</span>
<div class="name">文件上传</div>
<div class="code-name">&amp;#xe617;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe66e;</span>
<div class="name">分割线</div>
<div class="code-name">&amp;#xe66e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67d;</span>
<div class="name">图片预览</div>
<div class="code-name">&amp;#xe67d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe600;</span>
<div class="name">time</div>
<div class="code-name">&amp;#xe600;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe605;</span>
<div class="name">rate</div>
<div class="code-name">&amp;#xe605;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65e;</span>
<div class="name">图片</div>
<div class="code-name">&amp;#xe65e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63e;</span>
<div class="name">ad-icon-tooltip</div>
<div class="code-name">&amp;#xe63e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60e;</span>
<div class="name">check-box</div>
<div class="code-name">&amp;#xe60e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe660;</span>
<div class="name">switch</div>
<div class="code-name">&amp;#xe660;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe640;</span>
<div class="name">评分</div>
<div class="code-name">&amp;#xe640;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6b2;</span>
<div class="name">input</div>
<div class="code-name">&amp;#xe6b2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe615;</span>
<div class="name">radio</div>
<div class="code-name">&amp;#xe615;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe62f;</span>
<div class="name">color</div>
<div class="code-name">&amp;#xe62f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60d;</span>
<div class="name">slider</div>
<div class="code-name">&amp;#xe60d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c4;</span>
<div class="name">icon_bars</div>
<div class="code-name">&amp;#xe7c4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe682;</span>
<div class="name">富文本框</div>
<div class="code-name">&amp;#xe682;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe69f;</span>
<div class="name">date</div>
<div class="code-name">&amp;#xe69f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe621;</span>
<div class="name">自定义字段</div>
<div class="code-name">&amp;#xe621;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe60f;</span>
<div class="name">trash</div>
<div class="code-name">&amp;#xe60f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ad;</span>
<div class="name">grid-45</div>
<div class="code-name">&amp;#xe6ad;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe842;</span>
<div class="name">drag</div>
<div class="code-name">&amp;#xe842;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe645;</span>
<div class="name">上传</div>
<div class="code-name">&amp;#xe645;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe63f;</span>
<div class="name">栅格</div>
<div class="code-name">&amp;#xe63f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76b;</span>
<div class="name">number</div>
<div class="code-name">&amp;#xe76b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe668;</span>
<div class="name">预览</div>
<div class="code-name">&amp;#xe668;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe920;</span>
<div class="name">select</div>
<div class="code-name">&amp;#xe920;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67c;</span>
<div class="name">文字设置-22</div>
<div class="code-name">&amp;#xe67c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe661;</span>
<div class="name">评分</div>
<div class="code-name">&amp;#xe661;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe620;</span>
<div class="name">单栏布局</div>
<div class="code-name">&amp;#xe620;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe631;</span>
<div class="name">sync</div>
<div class="code-name">&amp;#xe631;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65f;</span>
<div class="name">tabs</div>
<div class="code-name">&amp;#xe65f;</div>
</li>
</ul>
<div class="article markdown">
<h2 id="unicode-">Unicode 引用</h2>
<hr>
<p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
<ul>
<li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
<li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
<li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
</ul>
<blockquote>
<p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
</blockquote>
<p>Unicode 使用步骤如下：</p>
<h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.eot');
src: url('iconfont.eot?#iefix') format('embedded-opentype'),
url('iconfont.woff2') format('woff2'),
url('iconfont.woff') format('woff'),
url('iconfont.ttf') format('truetype'),
url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</code></pre>
<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
<blockquote>
<p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
</blockquote>
</div>
</div>
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-clear"></span>
<div class="name">
clear
</div>
<div class="code-name">.icon-clear
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weibiaoti46"></span>
<div class="name">
代码生成
</div>
<div class="code-name">.icon-weibiaoti46
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-delete"></span>
<div class="name">
delete
</div>
<div class="code-name">.icon-delete
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fabu"></span>
<div class="name">
发布
</div>
<div class="code-name">.icon-fabu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-qingkonghuishouzhan"></span>
<div class="name">
清空回收站
</div>
<div class="code-name">.icon-qingkonghuishouzhan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-code"></span>
<div class="name">
code
</div>
<div class="code-name">.icon-code
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-table"></span>
<div class="name">
table
</div>
<div class="code-name">.icon-table
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-diy-com-textarea"></span>
<div class="name">
diy-com-textarea
</div>
<div class="code-name">.icon-diy-com-textarea
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zidingyishuju"></span>
<div class="name">
自定义数据
</div>
<div class="code-name">.icon-zidingyishuju
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-json"></span>
<div class="name">
json
</div>
<div class="code-name">.icon-json
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jilianxuanze"></span>
<div class="name">
符号-级联选择
</div>
<div class="code-name">.icon-jilianxuanze
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-icon_clone"></span>
<div class="name">
icon_clone
</div>
<div class="code-name">.icon-icon_clone
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wenjianshangchuan"></span>
<div class="name">
文件上传
</div>
<div class="code-name">.icon-wenjianshangchuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fengexian"></span>
<div class="name">
分割线
</div>
<div class="code-name">.icon-fengexian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tupianyulan"></span>
<div class="name">
图片预览
</div>
<div class="code-name">.icon-tupianyulan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-time"></span>
<div class="name">
time
</div>
<div class="code-name">.icon-time
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-icon-test"></span>
<div class="name">
rate
</div>
<div class="code-name">.icon-icon-test
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tupian"></span>
<div class="name">
图片
</div>
<div class="code-name">.icon-tupian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ad-icon-tooltip"></span>
<div class="name">
ad-icon-tooltip
</div>
<div class="code-name">.icon-ad-icon-tooltip
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-check-box"></span>
<div class="name">
check-box
</div>
<div class="code-name">.icon-check-box
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-switch"></span>
<div class="name">
switch
</div>
<div class="code-name">.icon-switch
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pingfen"></span>
<div class="name">
评分
</div>
<div class="code-name">.icon-pingfen
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-input"></span>
<div class="name">
input
</div>
<div class="code-name">.icon-input
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-radio-active"></span>
<div class="name">
radio
</div>
<div class="code-name">.icon-radio-active
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-color"></span>
<div class="name">
color
</div>
<div class="code-name">.icon-color
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-slider"></span>
<div class="name">
slider
</div>
<div class="code-name">.icon-slider
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-icon_bars"></span>
<div class="name">
icon_bars
</div>
<div class="code-name">.icon-icon_bars
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fuwenbenkuang"></span>
<div class="name">
富文本框
</div>
<div class="code-name">.icon-fuwenbenkuang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-date"></span>
<div class="name">
date
</div>
<div class="code-name">.icon-date
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ic"></span>
<div class="name">
自定义字段
</div>
<div class="code-name">.icon-ic
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-trash"></span>
<div class="name">
trash
</div>
<div class="code-name">.icon-trash
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-grid-"></span>
<div class="name">
grid-45
</div>
<div class="code-name">.icon-grid-
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-drag"></span>
<div class="name">
drag
</div>
<div class="code-name">.icon-drag
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shangchuan"></span>
<div class="name">
上传
</div>
<div class="code-name">.icon-shangchuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhage"></span>
<div class="name">
栅格
</div>
<div class="code-name">.icon-zhage
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-number"></span>
<div class="name">
number
</div>
<div class="code-name">.icon-number
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yulan"></span>
<div class="name">
预览
</div>
<div class="code-name">.icon-yulan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-select"></span>
<div class="name">
select
</div>
<div class="code-name">.icon-select
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wenzishezhi-"></span>
<div class="name">
文字设置-22
</div>
<div class="code-name">.icon-wenzishezhi-
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pingfen1"></span>
<div class="name">
评分
</div>
<div class="code-name">.icon-pingfen1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-RectangleCopy"></span>
<div class="name">
单栏布局
</div>
<div class="code-name">.icon-RectangleCopy
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sync1"></span>
<div class="name">
sync
</div>
<div class="code-name">.icon-sync1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tabs"></span>
<div class="name">
tabs
</div>
<div class="code-name">.icon-tabs
</div>
</li>
</ul>
<div class="article markdown">
<h2 id="font-class-">font-class 引用</h2>
<hr>
<p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
<p>与 Unicode 使用方式相比，具有如下特点：</p>
<ul>
<li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
<li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
<li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
<li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
</ul>
<p>使用步骤如下：</p>
<h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
<blockquote>
<p>"
iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
</blockquote>
</div>
</div>
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-clear"></use>
</svg>
<div class="name">clear</div>
<div class="code-name">#icon-clear</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weibiaoti46"></use>
</svg>
<div class="name">代码生成</div>
<div class="code-name">#icon-weibiaoti46</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-delete"></use>
</svg>
<div class="name">delete</div>
<div class="code-name">#icon-delete</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fabu"></use>
</svg>
<div class="name">发布</div>
<div class="code-name">#icon-fabu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qingkonghuishouzhan"></use>
</svg>
<div class="name">清空回收站</div>
<div class="code-name">#icon-qingkonghuishouzhan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-code"></use>
</svg>
<div class="name">code</div>
<div class="code-name">#icon-code</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-table"></use>
</svg>
<div class="name">table</div>
<div class="code-name">#icon-table</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-diy-com-textarea"></use>
</svg>
<div class="name">diy-com-textarea</div>
<div class="code-name">#icon-diy-com-textarea</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zidingyishuju"></use>
</svg>
<div class="name">自定义数据</div>
<div class="code-name">#icon-zidingyishuju</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-json"></use>
</svg>
<div class="name">json</div>
<div class="code-name">#icon-json</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jilianxuanze"></use>
</svg>
<div class="name">符号-级联选择</div>
<div class="code-name">#icon-jilianxuanze</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon_clone"></use>
</svg>
<div class="name">icon_clone</div>
<div class="code-name">#icon-icon_clone</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenjianshangchuan"></use>
</svg>
<div class="name">文件上传</div>
<div class="code-name">#icon-wenjianshangchuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fengexian"></use>
</svg>
<div class="name">分割线</div>
<div class="code-name">#icon-fengexian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tupianyulan"></use>
</svg>
<div class="name">图片预览</div>
<div class="code-name">#icon-tupianyulan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-time"></use>
</svg>
<div class="name">time</div>
<div class="code-name">#icon-time</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon-test"></use>
</svg>
<div class="name">rate</div>
<div class="code-name">#icon-icon-test</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tupian"></use>
</svg>
<div class="name">图片</div>
<div class="code-name">#icon-tupian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ad-icon-tooltip"></use>
</svg>
<div class="name">ad-icon-tooltip</div>
<div class="code-name">#icon-ad-icon-tooltip</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-check-box"></use>
</svg>
<div class="name">check-box</div>
<div class="code-name">#icon-check-box</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-switch"></use>
</svg>
<div class="name">switch</div>
<div class="code-name">#icon-switch</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pingfen"></use>
</svg>
<div class="name">评分</div>
<div class="code-name">#icon-pingfen</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-input"></use>
</svg>
<div class="name">input</div>
<div class="code-name">#icon-input</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-radio-active"></use>
</svg>
<div class="name">radio</div>
<div class="code-name">#icon-radio-active</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-color"></use>
</svg>
<div class="name">color</div>
<div class="code-name">#icon-color</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-slider"></use>
</svg>
<div class="name">slider</div>
<div class="code-name">#icon-slider</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon_bars"></use>
</svg>
<div class="name">icon_bars</div>
<div class="code-name">#icon-icon_bars</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fuwenbenkuang"></use>
</svg>
<div class="name">富文本框</div>
<div class="code-name">#icon-fuwenbenkuang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-date"></use>
</svg>
<div class="name">date</div>
<div class="code-name">#icon-date</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ic"></use>
</svg>
<div class="name">自定义字段</div>
<div class="code-name">#icon-ic</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-trash"></use>
</svg>
<div class="name">trash</div>
<div class="code-name">#icon-trash</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-grid-"></use>
</svg>
<div class="name">grid-45</div>
<div class="code-name">#icon-grid-</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-drag"></use>
</svg>
<div class="name">drag</div>
<div class="code-name">#icon-drag</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shangchuan"></use>
</svg>
<div class="name">上传</div>
<div class="code-name">#icon-shangchuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhage"></use>
</svg>
<div class="name">栅格</div>
<div class="code-name">#icon-zhage</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-number"></use>
</svg>
<div class="name">number</div>
<div class="code-name">#icon-number</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yulan"></use>
</svg>
<div class="name">预览</div>
<div class="code-name">#icon-yulan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-select"></use>
</svg>
<div class="name">select</div>
<div class="code-name">#icon-select</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenzishezhi-"></use>
</svg>
<div class="name">文字设置-22</div>
<div class="code-name">#icon-wenzishezhi-</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pingfen1"></use>
</svg>
<div class="name">评分</div>
<div class="code-name">#icon-pingfen1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-RectangleCopy"></use>
</svg>
<div class="name">单栏布局</div>
<div class="code-name">#icon-RectangleCopy</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sync1"></use>
</svg>
<div class="name">sync</div>
<div class="code-name">#icon-sync1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tabs"></use>
</svg>
<div class="name">tabs</div>
<div class="code-name">#icon-tabs</div>
</li>
</ul>
<div class="article markdown">
<h2 id="symbol-">Symbol 引用</h2>
<hr>
<p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
<ul>
<li>支持多色图标了，不再受单色限制。</li>
<li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
<li>兼容性较差，支持 IE9+，及现代浏览器。</li>
<li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
</ul>
<p>使用步骤如下：</p>
<h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
<h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
&lt;/style&gt;
</code></pre>
<h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
&lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('.tab-container .content:first').show()
$('#tabs li').click(function (e) {
var tabContent = $('.tab-container .content')
var index = $(this).index()
if ($(this).hasClass('active')) {
return
} else {
$('#tabs li').removeClass('active')
$(this).addClass('active')
tabContent.hide().eq(index).fadeIn()
}
})
})
</script>
</body>
</html>
src/components/VueFormMaking/iconfont/iconfont.css 0 → 100644
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1567932943787'); /* IE9 */
src: url('iconfont.eot?t=1567932943787#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('iconfont.woff?t=1567932943787') format('woff'),
url('iconfont.ttf?t=1567932943787') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1567932943787#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-clear:before {
content: "\e6d1";
}
.icon-weibiaoti46:before {
content: "\e63c";
}
.icon-delete:before {
content: "\e616";
}
.icon-fabu:before {
content: "\e630";
}
.icon-qingkonghuishouzhan:before {
content: "\e642";
}
.icon-code:before {
content: "\e65b";
}
.icon-table:before {
content: "\e713";
}
.icon-diy-com-textarea:before {
content: "\e91f";
}
.icon-zidingyishuju:before {
content: "\e634";
}
.icon-json:before {
content: "\e7bd";
}
.icon-jilianxuanze:before {
content: "\e695";
}
.icon-icon_clone:before {
content: "\e606";
}
.icon-wenjianshangchuan:before {
content: "\e617";
}
.icon-fengexian:before {
content: "\e66e";
}
.icon-tupianyulan:before {
content: "\e67d";
}
.icon-time:before {
content: "\e600";
}
.icon-icon-test:before {
content: "\e605";
}
.icon-tupian:before {
content: "\e65e";
}
.icon-ad-icon-tooltip:before {
content: "\e63e";
}
.icon-check-box:before {
content: "\e60e";
}
.icon-switch:before {
content: "\e660";
}
.icon-pingfen:before {
content: "\e640";
}
.icon-input:before {
content: "\e6b2";
}
.icon-radio-active:before {
content: "\e615";
}
.icon-color:before {
content: "\e62f";
}
.icon-slider:before {
content: "\e60d";
}
.icon-icon_bars:before {
content: "\e7c4";
}
.icon-fuwenbenkuang:before {
content: "\e682";
}
.icon-date:before {
content: "\e69f";
}
.icon-ic:before {
content: "\e621";
}
.icon-trash:before {
content: "\e60f";
}
.icon-grid-:before {
content: "\e6ad";
}
.icon-drag:before {
content: "\e842";
}
.icon-shangchuan:before {
content: "\e645";
}
.icon-zhage:before {
content: "\e63f";
}
.icon-number:before {
content: "\e76b";
}
.icon-yulan:before {
content: "\e668";
}
.icon-select:before {
content: "\e920";
}
.icon-wenzishezhi-:before {
content: "\e67c";
}
.icon-pingfen1:before {
content: "\e661";
}
.icon-RectangleCopy:before {
content: "\e620";
}
.icon-sync1:before {
content: "\e631";
}
.icon-tabs:before {
content: "\e65f";
}
src/components/VueFormMaking/iconfont/iconfont.js 0 → 100644
!function(s){var c,h='<svg><symbol id="icon-clear" viewBox="0 0 1024 1024"><path d="M907.94666667 395.94666667l-157.01333334-47.78666667 61.44-238.93333333c0-6.82666667 0-20.48-6.82666666-27.30666667-6.82666667-6.82666667-13.65333333-13.65333333-20.48-13.65333333L634.88 27.30666667c-6.82666667 0-20.48 0-27.30666667 0C600.74666667 40.96 593.92 47.78666667 593.92 54.61333333L525.65333333 286.72 348.16 238.93333333c-6.82666667 0-20.48 0-27.30666667 0S307.2 259.41333333 307.2 266.24l-95.57333333 341.33333333C191.14666667 696.32 102.4 785.06666667 102.4 785.06666667c-6.82666667 6.82666667-13.65333333 20.48-6.82666667 34.13333333 0 13.65333333 13.65333333 20.48 27.30666667 27.30666667l559.78666667 150.18666666c0 0 6.82666667 0 6.82666666 0 6.82666667 0 20.48-6.82666667 27.30666667-13.65333333 6.82666667-6.82666667 88.74666667-95.57333333 122.88-191.14666667 34.13333333-88.74666667 95.57333333-348.16 95.57333333-354.98666666C935.25333333 416.42666667 921.6 402.77333333 907.94666667 395.94666667zM771.41333333 764.58666667c-27.30666667 61.44-75.09333333 122.88-95.57333333 157.01333333l-75.09333333-20.48c34.13333333-40.96 75.09333333-102.4 95.57333333-170.66666667 6.82666667-20.48-6.82666667-34.13333333-27.30666667-40.96-20.48-6.82666667-34.13333333 6.82666667-40.96 27.30666667-20.48 75.09333333-81.92 143.36-102.4 163.84l-61.44-13.65333333c34.13333333-40.96 75.09333333-102.4 88.74666667-163.84 6.82666667-20.48-6.82666667-34.13333333-27.30666667-40.96-20.48-6.82666667-34.13333333 6.82666667-40.96 27.30666666-20.48 68.26666667-75.09333333 136.53333333-95.57333333 163.84l-68.26666667-20.48c34.13333333-40.96 75.09333333-102.4 95.57333334-163.84 6.82666667-20.48-6.82666667-34.13333333-27.30666667-40.96C375.46666667 614.4 354.98666667 628.05333333 354.98666667 641.70666667c-20.48 68.26666667-75.09333333 136.53333333-102.4 163.84l-61.44-20.48c34.13333333-40.96 75.09333333-102.4 88.74666666-163.84l81.92-314.02666667 177.49333334 47.78666667c6.82666667 0 20.48 0 27.30666666 0C573.44 354.98666667 580.26666667 348.16 587.09333333 341.33333333L648.53333333 102.4l88.74666667 20.48-61.44 238.93333333c-6.82666667 20.48 6.82666667 34.13333333 20.48 40.96L853.33333333 450.56C839.68 525.65333333 798.72 703.14666667 771.41333333 764.58666667z" ></path><path d="M354.98666667 471.04C354.98666667 491.52 361.81333333 505.17333333 382.29333333 512l361.81333334 102.4c0 0 6.82666667 0 6.82666666 0 13.65333333 0 27.30666667-6.82666667 34.13333334-27.30666667 6.82666667-20.48-6.82666667-34.13333333-20.48-40.96L402.77333333 443.73333333C382.29333333 443.73333333 361.81333333 450.56 354.98666667 471.04z" ></path></symbol><symbol id="icon-weibiaoti46" viewBox="0 0 1024 1024"><path d="M947 928.25L77 928.25c-24.75 0-45-20.25-45-44.25L32 140.75c0-24.75 20.25-44.25 45-44.25l870 0c24.75 0 45 20.25 45 44.25l0 743.25C992 908.75 971.75 928.25 947 928.25zM122 140.75c-24.75 0-45 20.25-45 44.25 0 24.75 20.25 44.25 45 44.25s45-20.25 45-44.25C167 161 146.75 140.75 122 140.75zM257 140.75c-24.75 0-45 20.25-45 44.25 0 24.75 20.25 44.25 45 44.25 24.75 0 45-20.25 45-44.25C302 161 281.75 140.75 257 140.75zM392 140.75c-24.75 0-45 20.25-45 44.25 0 24.75 20.25 44.25 45 44.25 24.75 0 45-20.25 45-44.25C437 161 416.75 140.75 392 140.75zM947 275.75L77 275.75l0 608.25 870 0L947 275.75zM365.75 392c4.5-4.5 11.25-4.5 15.75 0 4.5 4.5 4.5 11.25 0 15.75L224 564.5l157.5 156.75c4.5 4.5 4.5 11.25 0 15.75s-11.25 4.5-15.75 0l-165-165C198.5 570.5 197 567.5 197 564.5c0-3 0.75-6 3-8.25L365.75 392zM565.25 439.25c3-5.25 9.75-7.5 15-4.5 5.25 3 7.5 9 5.25 15l-127.5 240.75c-3 5.25-9.75 7.5-15 4.5-5.25-3-7.5-9-5.25-15L565.25 439.25zM642.5 392c4.5-4.5 11.25-4.5 15.75 0l165 165c2.25 2.25 3 5.25 3 8.25 0 3-0.75 6-3 8.25l-165 165c-4.5 4.5-11.25 4.5-15.75 0-4.5-4.5-4.5-11.25 0-15.75l157.5-157.5-157.5-157.5C638 403.25 638 396.5 642.5 392z" ></path></symbol><symbol id="icon-delete" viewBox="0 0 1024 1024"><path d="M713.03417887 201.31081482l0-109.65500633c0-45.43372402-28.47374996-73.10333755-74.96747266-73.10333755L385.89674291 18.55247094c-46.42061972 0-74.93092057 27.66961354-74.93092056 73.10333755l0 109.65500633-219.31001264 0 0 73.10333754 73.10333754 0 0 621.37837037c0 65.86610725 41.2302826 109.65500633 109.65500633 109.65500633l475.17169527 0c66.85300175 0 109.65500633-40.64545633 109.65500633-109.65500633l0-621.37837037 73.10333753 0 0-73.10333754L713.03417887 201.31081482zM384.06915869 91.65580849l255.86168141 0-1.53516988 109.65500633L384.06915869 201.31081482 384.06915869 91.65580849zM786.13751641 932.34419151l-548.27503282 0 0-657.93003915 548.27503282 0L786.13751641 932.34419151zM457.17249623 347.51748991l-71.27575453 0-1.82758301 475.17169527 73.10333754 0L457.17249623 347.51748991zM639.93084131 347.51748991l-73.10333754 0 0 475.17169527 73.10333754 0L639.93084131 347.51748991z" ></path></symbol><symbol id="icon-fabu" viewBox="0 0 1024 1024"><path d="M838.03463253 793.34207573L450.89088213 674.21831893l387.1459328-446.70726613-506.2696896 446.70726613L33.95937173 555.0967456 986.93960213 48.82705493 838.03463253 793.34207573 838.03463253 793.34207573zM450.89088213 972.0271648L450.89088213 763.5619552l119.11829867 59.56133227L450.89088213 972.0271648 450.89088213 972.0271648z" ></path></symbol><symbol id="icon-qingkonghuishouzhan" viewBox="0 0 1024 1024"><path d="M837.182662 955.748546 192.403566 955.748546 59.530326 91.25026l900.284327 0-0.497327 3.500731L837.182662 955.748546zM197.67257 949.608709l634.17969 0L952.741561 97.390098 66.686307 97.390098 197.67257 949.608709z" ></path><path d="M349.320022 358.818736l325.091045 324.999108-4.340865 4.342093-325.091045-324.999108 4.340865-4.342093Z" ></path><path d="M670.894289 357.944175l4.340755 4.340755-326.74766 326.74766-4.340755-4.340755 326.74766-326.74766Z" ></path></symbol><symbol id="icon-code" viewBox="0 0 1097 1024"><path d="M352.571429 799.428571l-28.571429 28.571429q-5.714286 5.714286-13.142857 5.714286t-13.142857-5.714286L31.428571 561.714286q-5.714286-5.714286-5.714285-13.142857t5.714285-13.142858l266.285715-266.285714q5.714286-5.714286 13.142857-5.714286t13.142857 5.714286l28.571429 28.571429q5.714286 5.714286 5.714285 13.142857t-5.714285 13.142857L128 548.571429l224.571429 224.571428q5.714286 5.714286 5.714285 13.142857t-5.714285 13.142857z m337.714285-609.714285L477.142857 927.428571q-2.285714 7.428571-8.857143 11.142858T454.857143 940l-35.428572-9.714286q-7.428571-2.285714-11.142857-8.857143T406.857143 907.428571l213.142857-737.714285q2.285714-7.428571 8.857143-11.142857t13.428571-1.428572l35.428572 9.714286q7.428571 2.285714 11.142857 8.857143t1.428571 14z m375.428572 372l-266.285715 266.285714q-5.714286 5.714286-13.142857 5.714286t-13.142857-5.714286l-28.571428-28.571429q-5.714286-5.714286-5.714286-13.142857t5.714286-13.142857l224.571428-224.571428-224.571428-224.571429q-5.714286-5.714286-5.714286-13.142857t5.714286-13.142857l28.571428-28.571429q5.714286-5.714286 13.142857-5.714286t13.142857 5.714286l266.285715 266.285714q5.714286 5.714286 5.714285 13.142858t-5.714285 13.142857z" ></path></symbol><symbol id="icon-table" viewBox="0 0 1024 1024"><path d="M329.142857 786.285714v-109.714285q0-8-5.142857-13.142858t-13.142857-5.142857H128q-8 0-13.142857 5.142857t-5.142857 13.142858v109.714285q0 8 5.142857 13.142857t13.142857 5.142858h182.857143q8 0 13.142857-5.142858t5.142857-13.142857z m0-219.428571V457.142857q0-8-5.142857-13.142857t-13.142857-5.142857H128q-8 0-13.142857 5.142857t-5.142857 13.142857v109.714286q0 8 5.142857 13.142857t13.142857 5.142857h182.857143q8 0 13.142857-5.142857t5.142857-13.142857z m292.571429 219.428571v-109.714285q0-8-5.142857-13.142858t-13.142858-5.142857H420.571429q-8 0-13.142858 5.142857t-5.142857 13.142858v109.714285q0 8 5.142857 13.142857t13.142858 5.142858h182.857142q8 0 13.142858-5.142858t5.142857-13.142857zM329.142857 347.428571V237.714286q0-8-5.142857-13.142857t-13.142857-5.142858H128q-8 0-13.142857 5.142858t-5.142857 13.142857v109.714285q0 8 5.142857 13.142858t13.142857 5.142857h182.857143q8 0 13.142857-5.142857t5.142857-13.142858z m292.571429 219.428572V457.142857q0-8-5.142857-13.142857t-13.142858-5.142857H420.571429q-8 0-13.142858 5.142857t-5.142857 13.142857v109.714286q0 8 5.142857 13.142857t13.142858 5.142857h182.857142q8 0 13.142858-5.142857t5.142857-13.142857z m292.571428 219.428571v-109.714285q0-8-5.142857-13.142858t-13.142857-5.142857h-182.857143q-8 0-13.142857 5.142857t-5.142857 13.142858v109.714285q0 8 5.142857 13.142857t13.142857 5.142858h182.857143q8 0 13.142857-5.142858t5.142857-13.142857z m-292.571428-438.857143V237.714286q0-8-5.142857-13.142857t-13.142858-5.142858H420.571429q-8 0-13.142858 5.142858t-5.142857 13.142857v109.714285q0 8 5.142857 13.142858t13.142858 5.142857h182.857142q8 0 13.142858-5.142857t5.142857-13.142858z m292.571428 219.428572V457.142857q0-8-5.142857-13.142857t-13.142857-5.142857h-182.857143q-8 0-13.142857 5.142857t-5.142857 13.142857v109.714286q0 8 5.142857 13.142857t13.142857 5.142857h182.857143q8 0 13.142857-5.142857t5.142857-13.142857z m0-219.428572V237.714286q0-8-5.142857-13.142857t-13.142857-5.142858h-182.857143q-8 0-13.142857 5.142858t-5.142857 13.142857v109.714285q0 8 5.142857 13.142858t13.142857 5.142857h182.857143q8 0 13.142857-5.142857t5.142857-13.142858z m73.142857-182.857142v621.714285q0 37.714286-26.857142 64.571429t-64.571429 26.857143H128q-37.714286 0-64.571429-26.857143T36.571429 786.285714V164.571429q0-37.714286 26.857142-64.571429t64.571429-26.857143h768q37.714286 0 64.571429 26.857143t26.857142 64.571429z" ></path></symbol><symbol id="icon-diy-com-textarea" viewBox="0 0 1024 1024"><path d="M872.24 569.936l-164.4 175.392h164.4zM156.848 286.064h51.408v282.96H156.848z" fill="#333303" ></path><path d="M930.08 179.168H418.304v50.304h508.128v562.032H418.304v53.328h528.288c17.76-6.624 30.528-23.52 31.248-43.632V225.824a48.096 48.096 0 0 0-47.76-46.656zM97.664 791.504V229.472h320.592V179.168H94.016c-26.4 0-47.856 21.696-47.856 48.432v1.872h0.096v431.424l-0.096 64.8v73.68c-0.048 20.208 12.432 38.304 31.344 45.408h340.8v-53.328l-320.64 0.048z" fill="#333303" ></path><path d="M872.24 569.936l-164.4 175.392h164.4zM156.848 286.064h51.408v282.96H156.848z" fill="#333303" ></path></symbol><symbol id="icon-zidingyishuju" viewBox="0 0 1024 1024"><path d="M682.28 627.98c0 16.62 13.44 30.06 30.06 30.06h240.6a30.12 30.12 0 0 0 0-60.18h-240.6a30.12 30.12 0 0 0-30.12 30.12zM952.88 725.54H604.4a30.12 30.12 0 1 0 0 60.18h348.6a30.12 30.12 0 0 0 0-60.18zM952.88 853.82H484.4a30.12 30.12 0 1 0 0 60.18h468.6a30.12 30.12 0 0 0 0-60.18zM118.22 615.98l44.4 44.4 172.68 172.62 471.06-471c39.84-39.9 36.18-108.42-8.22-152.76l-63.3-63.36c-44.4-44.4-112.92-48.12-152.76-8.28L111.02 608.72 42.08 861.14a31.68 31.68 0 0 0 38.94 39l252.48-68.82-51.66-51.72-163.98 44.76 44.7-163.98-44.4-44.4zM632 187.58c15.12-15.12 41.16-13.68 57.96 3.12L753.32 254c16.8 16.92 18.24 42.9 3.06 58.02L684.2 384.2 559.76 259.88 632 187.58zM509.9 309.8l124.38 124.38L330.2 738.2 205.82 613.82l304.08-304.08z" fill="" ></path></symbol><symbol id="icon-json" viewBox="0 0 1024 1024"><path d="M231.99999969 152h80.00000062v79.99999969H231.99999969v200.00000062a79.99999969 79.99999969 0 0 1-79.99999969 79.99999969 79.99999969 79.99999969 0 0 1 79.99999969 79.99999969v200.00000062h80.00000062v79.99999969H231.99999969c-42.79999969-10.8-79.99999969-36-79.99999969-79.99999969v-160.00000031a79.99999969 79.99999969 0 0 0-79.99999969-79.99999969H32v-80.00000062h40.00000031a79.99999969 79.99999969 0 0 0 79.99999969-79.99999969V231.99999969a79.99999969 79.99999969 0 0 1 79.99999969-79.99999969m560.00000062 0a79.99999969 79.99999969 0 0 1 79.99999969 79.99999969v160.00000031a79.99999969 79.99999969 0 0 0 79.99999969 79.99999969h40.00000031v80.00000062h-40.00000031a79.99999969 79.99999969 0 0 0-79.99999969 79.99999969v160.00000031a79.99999969 79.99999969 0 0 1-79.99999969 79.99999969h-80.00000062v-79.99999969h80.00000062v-200.00000062a79.99999969 79.99999969 0 0 1 79.99999969-79.99999969 79.99999969 79.99999969 0 0 1-79.99999969-79.99999969V231.99999969h-80.00000062V152h80.00000062m-280.00000031 480a40.00000031 40.00000031 0 0 1 40.00000031 40.00000031 40.00000031 40.00000031 0 0 1-40.00000031 39.99999938 40.00000031 40.00000031 0 0 1-40.00000031-39.99999938 40.00000031 40.00000031 0 0 1 40.00000031-40.00000031m-160.00000031 0a40.00000031 40.00000031 0 0 1 40.00000031 40.00000031 40.00000031 40.00000031 0 0 1-40.00000031 39.99999938 40.00000031 40.00000031 0 0 1-39.99999938-39.99999938 40.00000031 40.00000031 0 0 1 39.99999938-40.00000031m320.00000062 0a40.00000031 40.00000031 0 0 1 39.99999938 40.00000031 40.00000031 40.00000031 0 0 1-39.99999938 39.99999938 40.00000031 40.00000031 0 0 1-40.00000031-39.99999938 40.00000031 40.00000031 0 0 1 40.00000031-40.00000031z" fill="" ></path></symbol><symbol id="icon-jilianxuanze" viewBox="0 0 1024 1024"><path d="M128 512V224c0-16 12.8-32 32-32h384c19.2 0 32 12.8 32 32v288c0 16-12.8 32-32 32h-32v64h64c35.2 0 64-28.8 64-64V192c0-35.2-28.8-64-64-64H128c-35.2 0-64 28.8-64 64v352c0 35.2 28.8 64 64 64h192v-64H160c-16 0-32-12.8-32-32z" fill="#333333" ></path><path d="M896 416H704v64h160c19.2 0 32 12.8 32 32v288c0 16-12.8 32-32 32H480c-19.2 0-32-12.8-32-32V512c0-16 12.8-32 32-32h32v-64h-64c-35.2 0-64 28.8-64 64v352c0 35.2 28.8 64 64 64h448c35.2 0 64-28.8 64-64V480c0-35.2-28.8-64-64-64z" fill="#333333" ></path></symbol><symbol id="icon-icon_clone" viewBox="0 0 1025 1024"><path d="M992.00149812 992H212.97528125V212.97378313h779.02621688zM272.900375 932.07490625h659.17602937V272.89887594H272.900375z" fill="#ffffff" ></path><path d="M153.0501875 813.42322062H32.00149813V32h781.42322062V153.04868937h-62.32209656v-58.72659187H94.32359562v656.77902656H153.0501875v62.32209656z" fill="#ffffff" ></path></symbol><symbol id="icon-wenjianshangchuan" viewBox="0 0 1024 1024"><path d="M909.01333333 936.10666667H101.12c-41.17333333 0-74.66666667-33.49333333-74.66666667-74.66666667V184.10666667c0-41.17333333 33.49333333-74.66666667 74.66666667-74.66666667h350.50666667c41.17333333 0 74.66666667 33.49333333 74.66666666 74.66666667 0 11.73333333-9.6 21.33333333-21.33333333 21.33333333s-21.33333333-9.6-21.33333333-21.33333333c0-17.70666667-14.29333333-32-32-32H101.12c-17.70666667 0-32 14.29333333-32 32v677.33333333c0 17.70666667 14.29333333 32 32 32h807.89333333c11.73333333 0 21.33333333 9.6 21.33333334 21.33333333s-9.38666667 21.33333333-21.33333334 21.33333334z" fill="#262435" ></path><path d="M909.01333333 936.10666667c-11.73333333 0-21.33333333-9.6-21.33333333-21.33333334s9.6-21.33333333 21.33333333-21.33333333c17.70666667 0 32-14.29333333 32-32V422.61333333c0-17.70666667-14.29333333-32-32-32H277.97333333c-17.70666667 0-32 14.29333333-32 32v286.50666667c0 11.73333333-9.6 21.33333333-21.33333333 21.33333333s-21.33333333-9.6-21.33333333-21.33333333V422.61333333c0-41.17333333 33.49333333-74.66666667 74.66666666-74.66666666h631.04c41.17333333 0 74.66666667 33.49333333 74.66666667 74.66666666v438.82666667c0 41.17333333-33.49333333 74.66666667-74.66666667 74.66666667zM748.8 280.53333333h-190.08c-41.17333333 0-74.66666667-33.49333333-74.66666667-74.66666666v-11.09333334c0-11.73333333 9.6-21.33333333 21.33333334-21.33333333s21.33333333 9.6 21.33333333 21.33333333v11.09333334c0 17.70666667 14.29333333 32 32 32H748.8c11.73333333 0 21.33333333 9.6 21.33333333 21.33333333s-9.6 21.33333333-21.33333333 21.33333333z" fill="#262435" ></path><path d="M171.52 936.10666667h-16.85333333c-11.73333333 0-21.33333333-9.6-21.33333334-21.33333334s9.6-21.33333333 21.33333334-21.33333333h16.85333333c17.70666667 0 32-14.29333333 32-32v-179.84c0-11.73333333 9.6-21.33333333 21.33333333-21.33333333s21.33333333 9.6 21.33333334 21.33333333v179.84c-0.21333333 41.17333333-33.49333333 74.66666667-74.66666667 74.66666667zM838.4 390.82666667c-11.73333333 0-21.33333333-9.6-21.33333333-21.33333334v-56.74666666c0-17.70666667-14.29333333-32-32-32h-96.42666667c-11.73333333 0-21.33333333-9.6-21.33333333-21.33333334s9.6-21.33333333 21.33333333-21.33333333H785.06666667c41.17333333 0 74.66666667 33.49333333 74.66666666 74.66666667v56.74666666c0 11.73333333-9.6 21.33333333-21.33333333 21.33333334z" fill="#262435" ></path><path d="M603.94666667 781.44c-11.73333333 0-21.33333333-9.6-21.33333334-21.33333333V533.76c0-11.73333333 9.6-21.33333333 21.33333334-21.33333333s21.33333333 9.6 21.33333333 21.33333333v226.34666667c0 11.73333333-9.6 21.33333333-21.33333333 21.33333333z" fill="#262435" ></path><path d="M695.25333333 646.4c-5.54666667 0-10.88-2.13333333-15.14666666-6.18666667L588.8 548.90666667c-8.32-8.32-8.32-21.76 0-30.08 8.32-8.32 21.76-8.32 30.08 0L710.4 610.13333333c8.32 8.32 8.32 21.76 0 30.08-4.26666667 4.26666667-9.6 6.18666667-15.14666667 6.18666667z" fill="#262435" ></path><path d="M512.42666667 646.4c-5.54666667 0-10.88-2.13333333-15.14666667-6.18666667-8.32-8.32-8.32-21.76 0-30.08l91.52-91.52c8.32-8.32 21.76-8.32 30.08 0 8.32 8.32 8.32 21.76 0 30.08l-91.52 91.52c-4.05333333 4.26666667-9.38666667 6.18666667-14.93333333 6.18666667z" fill="#262435" ></path></symbol><symbol id="icon-fengexian" viewBox="0 0 1024 1024"><path d="M879.49918815 772.55778608l-106.94140207 106.9426157h-60.37564683l167.31826253-167.31826253v60.37564683z m0 78.59222755v28.35038815h-28.34917452l28.35038815-28.35038815z m0-217.56010193L633.59112533 879.50040178H573.21547852l262.49959348-262.50080711h43.78532978v16.59031703z m-122.3763437-16.59031703L494.6208237 879.50040178h-60.37443318l262.49959348-262.50080711h60.37564682z m-139.02127408 0L355.60319052 879.50040178h-60.37443319l262.49959349-262.50080711h60.37564681z m-138.96666074 0L216.63531615 879.50040178h-60.37564682l262.50080712-262.50080711h60.37443318z m-138.96787438 0L144.50081185 812.6670317v-59.79674548l135.87069156-135.87069155h59.85014518z m-138.39018666 0l-57.27725037 57.278464v-57.278464h57.278464z m677.72355319-395.69180445L746.30697718 354.50000118h-60.37443318l193.56785778-193.56785777v60.37564681z m0 78.59222756v54.5999834h-54.60119703l54.60119703-54.5999834z m-62.160896-155.40041956L607.34031645 354.50000118H546.96466963l210.00040296-210.00040296h60.37443319z m-138.96666075 0L468.37244208 354.50000118h-60.37443319l209.99918933-210.00040296h60.37564681z m-139.07224651 0L329.30019555 354.50000118h-60.3756468l210.00040295-210.00040296h60.37564682z m-138.9156883 0L190.38450725 354.50000118H144.50081185v-14.43733807l195.5630649-195.56306489h60.37443317z m-138.96787437 0l-116.91743763 116.91743763v-59.79674548l57.12069215-57.12069215h59.85014518zM39.50000355 459.49959585h944.9999929V512H39.50000355v-52.50040415z" ></path></symbol><symbol id="icon-tupianyulan" viewBox="0 0 1024 1024"><path d="M244.85839186 25.5960584h92.28987724c14.45049922 0 24.6618171 7.32121805 31.02058909 19.45880889 6.16545428 11.56039936 5.78019969 23.50743418-0.96244605 34.68257894-7.12928117 11.94427312-17.91917136 17.91779053-32.1777337 17.91779052-47.01210666-0.19331772-94.21615019-0.19331772-141.2296377 0-20.03738117 0-39.1123163 4.04586362-56.45291537 14.25856234-35.83696189 21.38646267-54.7185793 53.17618009-55.2971516 94.7947225-0.57857231 37.57267879-0.19331772 75.1425959-0.19331772 112.71389387 0 7.89979035-0.96244605 15.4143261-5.39494508 22.54360727-8.28504494 13.67999005-24.85513482 20.42263577-40.65333468 16.18345444-15.4143261-4.23918133-26.39615317-18.30304512-26.39615318-34.29456266 0-49.32501504-0.57857231-98.84196695 0.19331772-148.16698202 0.57719146-50.09552421 21.96365413-90.17028659 61.65454274-120.42036648 22.35028956-16.9567253 47.78261584-26.39615317 75.52785051-29.28763385 2.11959067-0.38387374 4.62443591-0.38387374 7.12928116-0.38387376h90.94217662z m534.476534 0h-92.29125808c-14.45049922 0-24.6618171 7.32121805-31.02058909 19.45880889-6.16545428 11.56039936-5.78019969 23.50743418 0.96382689 34.68257894 7.12928117 11.94427312 17.91917136 17.91779053 32.17635285 17.91779052 47.01210666-0.19331772 94.21753104-0.19331772 141.22963771 0 20.03876202 0 39.1123163 4.04586362 56.45291537 14.25856234 35.83834272 21.38646267 54.71996014 53.17618009 55.29853244 94.7947225 0.57719146 37.57267879 0.19331772 75.1425959 0.19331771 112.71389387 0 7.89979035 0.96244605 15.4143261 5.39356426 22.54360727 8.28504494 13.67999005 24.85513482 20.42263577 40.65471551 16.18345444 15.41294526-4.23918133 26.39615317-18.30304512 26.39615317-34.29456266 0-49.32501504 0.57719146-98.84196695-0.19331771-148.16698202-0.57719146-50.09552421-21.96503498-90.17028659-61.65454276-120.42036648-22.35028956-16.9567253-47.78399668-26.39615317-75.52923132-29.28763385-2.50484526-0.19193687-5.00969051-0.38387374-7.32121805-0.38387376h-90.7488589zM244.85839186 998.59725932h92.28987724c14.45049922 0 24.6618171-7.32121805 31.02058909-19.46018972 6.16545428-11.56039936 5.78019969-23.50605332-0.96244605-34.68119811-7.12928117-11.94565395-17.91917136-17.91917136-32.1777337-17.91917137-47.01210666 0.19331772-94.21615019 0.19331772-141.2296377 0-20.03738117 0-39.1123163-4.04586362-56.45291537-14.2571815-35.83696189-21.38646267-54.7185793-53.17756094-55.2971516-94.7947225-0.57857231-37.57267879-0.19331772-75.14397676-0.19331772-112.7152747 0-7.8984095-0.96244605-15.41294526-5.39494508-22.54222643-8.28504494-13.67999005-24.85513482-20.42263577-40.65333468-16.18345446-15.4143261 4.23780048-26.39615317 18.30304512-26.39615318 34.29456268 0 49.3236342-0.57857231 98.84058611 0.19331772 148.16560116 0.57719146 50.09552421 21.96365413 90.17166743 61.65454274 120.42174734 22.35028956 16.95534446 47.78261584 26.39615317 75.52785051 29.28625302 2.50484526 0.19331772 5.00969051 0.38525459 7.32121805 0.38525459h90.74885888z m534.476534 0h-92.29125808c-14.45049922 0-24.6618171-7.32121805-31.02058909-19.46018972-6.16545428-11.56039936-5.78019969-23.50605332 0.96382689-34.68119811 7.12928117-11.94565395 17.91917136-17.91917136 32.17635285-17.91917137 47.01210666 0.19331772 94.21753104 0.19331772 141.22963771 0 20.03876202 0 39.1123163-4.04586362 56.45291537-14.2571815 35.83834272-21.38646267 54.71996014-53.17756094 55.29853244-94.7947225 0.57719146-37.57267879 0.19331772-75.14397676 0.19331771-112.7152747 0-7.8984095 0.96244605-15.41294526 5.39356426-22.54222643 8.28504494-13.67999005 24.85513482-20.42263577 40.65471551-16.18345446 15.41294526 4.23780048 26.39615317 18.30304512 26.39615317 34.29456268 0 49.3236342 0.57719146 98.84058611-0.19331771 148.16560116-0.57719146 50.09552421-21.96503498 90.17166743-61.65454276 120.42174734-22.35028956 16.95534446-47.78399668 26.39615317-75.52923132 29.28625302-2.50484526 0.19331772-5.00969051 0.38525459-7.32121805 0.38525459h-90.7488589zM214.60831195 703.61375764c5.78019969 14.45049922 17.53391677 22.92886187 31.40584368 22.92886187h528.88965203c9.44080871 0 17.72585364-3.85392674 24.4684994-11.56039937s13.67999005-17.14866218 13.67999002-28.13048924V349.67249537c0-29.28763387-12.13759084-43.93006994-26.01089858-49.71026963-13.8719269-5.97213657-28.514363-1.54101836-38.14987025 11.17514477L564.50371061 556.02534796c-6.74402658 9.05555411-15.60626299 13.67999005-26.01089857 13.67999003s-19.266872-4.62443591-26.01089858-13.67999003l-82.07855938-109.05328485c-6.93734429-9.05555411-15.79958069-13.67860919-26.20421629-13.67860917s-19.266872 4.81637279-26.2042163 13.87192689L219.80993932 661.22608691c-9.247491 12.13759084-10.98182707 27.93717153-5.20162737 42.38767073z" ></path></symbol><symbol id="icon-time" viewBox="0 0 1024 1024"><path d="M512 32C247.32000031 32 32 247.32000031 32 512s215.32000031 480 480 480 480-215.32000031 480-480S776.67999969 32 512 32z m0 880.00000031C291.44 912.00000031 111.99999969 732.56 111.99999969 512S291.44 111.99999969 512 111.99999969s400.00000031 179.44000031 400.00000031 400.00000031-179.44000031 400.00000031-400.00000031 400.00000031z" fill="#333303" ></path><path d="M697.92000031 629.64000031L531.99999969 533.67999969V272a40.00000031 40.00000031 0 0 0-79.99999969 0v280.00000031c0 14.83999969 18.43999969 27.28000031 30.43999969 34.15999969 3.31999969 4.99999969 12.43999969 9.52000031 18 12.72l165 100.00000031c19.12000031 11.04 39.84 4.48000031 50.88-14.64s0.76000031-43.56-18.39999938-54.6z" fill="#333303" ></path></symbol><symbol id="icon-icon-test" viewBox="0 0 1076 1024"><path d="M538.241705 862.527488l-199.14943101 102.265924c-102.265924 53.824171-166.854929 5.382417-150.70767699-107.648341l37.676919-220.679099-161.472511-156.09009399c-80.736256-80.736256-53.824171-156.090095 59.206587-172.23734601l220.679099-32.29450199 96.88350699-199.14943101c48.44175299-102.265924 134.56042601-102.265924 183.00218 0l96.88350701 199.14943101 220.679099 32.29450199c113.03075799 16.147251 139.942843 96.883507 59.206588 172.23734601l-161.472512 156.09009399 37.67692 220.679099c21.529668 113.03075799-48.44175299 161.472512-150.70767801 107.648341l-188.38459699-102.265924z" fill="#333303" ></path><path d="M538.241705 862.527488l-199.14943101 102.265924c-102.265924 53.824171-166.854929 5.382417-150.70767699-107.648341l37.676919-220.679099-161.472511-156.09009399c-80.736256-80.736256-53.824171-156.090095 59.206587-172.23734601l220.679099-32.29450199 96.88350699-199.14943101c48.44175299-102.265924 134.56042601-102.265924 183.00218 0l96.88350701 199.14943101 220.679099 32.29450199c113.03075799 16.147251 139.942843 96.883507 59.206588 172.23734601l-161.472512 156.09009399 37.67692 220.679099c21.529668 113.03075799-48.44175299 161.472512-150.70767801 107.648341l-188.38459699-102.265924z" fill="#333303" ></path></symbol><symbol id="icon-tupian" viewBox="0 0 1024 1024"><path d="M900.31129741 93.17071755H123.68605267c-48.82480157 0-90.02192732 39.6710619-90.02192733 90.02192732v657.61471026c0 48.82480157 39.6710619 90.02192732 90.02192733 90.02192732h776.62524474c48.82480157 0 90.02192732-39.6710619 90.02192733-90.02192732V183.19264487c0-50.35086542-39.6710619-90.02192732-90.02192733-90.02192732zM94.6961199 183.19264487c0-16.78406412 13.73193381-30.51599792 30.51599792-30.51599662h776.62524473c16.78406412 0 30.51732224 13.73193381 30.51732224 30.51599662v352.45738614c-48.82612588-39.6710619-131.21772876-93.07405632-231.9194609-93.07405761-93.07405632 0-183.09465934 71.71179936-271.5905215 140.37279274-67.13492953 53.40299571-137.32066374 108.33073097-186.14546531 108.33073097-68.66099468 0-128.16692407-50.35086542-148.00179158-70.18573421V183.19264487h-0.0013256z m836.13117544 656.0886451c0 16.78406412-13.73193381 30.51599792-30.51599793 30.51599793H123.68605267c-16.78406412 0-30.51599792-13.73193381-30.51599663-30.51599793V697.3824321c35.09286775 25.93780247 86.96979833 51.87693057 148.00046727 51.87693056 70.18705853 0 144.94966257-57.97986556 222.76572123-120.53792525 79.34079819-62.55673538 163.25979183-128.16559977 234.97026558-128.16559846 128.16692407 0 230.39472006 112.9076008 231.9194609 114.43499027v224.29046075h0.00132432z" fill="#333303" ></path><path d="M332.71851578 511.23696807c65.60886438 0 119.0118601-53.40299571 119.01186009-119.01186009s-53.40299571-119.01053578-119.01186009-119.01053579c-65.60754006 0-119.01053578 53.40167011-119.01053579 119.01053579s53.40299571 119.0118601 119.01053579 119.01186009z m0-180.04253032c33.56812692 0 59.5059294 27.46519194 59.50592939 59.5059294 0 33.56680261-27.46386763 59.5059294-59.50592939 59.50593068-33.56680261 0-59.50460508-27.46519194-59.50460509-59.50593068 0-32.04206177 27.46386763-59.5059294 59.50460509-59.5059294z" fill="#333303" ></path></symbol><symbol id="icon-ad-icon-tooltip" viewBox="0 0 1024 1024"><path d="M513.805996 950.556143c-240.197531 0-435.24515-194.74662-435.245149-435.245149S273.307466 80.065844 513.805996 80.065844s435.24515 194.74662 435.24515 435.24515-195.047619 435.24515-435.24515 435.245149z m0-812.096413c-208.291593 0-377.152263 168.86067-377.152263 377.152263s168.86067 377.152263 377.152263 377.152263S890.95826 723.903586 890.95826 515.611993 722.09759 138.45973 513.805996 138.45973z" fill="#060001" ></path><path d="M579.423868 529.457966c-36.119929 21.069959-53.577895 48.460905-52.072898 81.570841v20.46796h-51.470899s-1.805996-41.537919 6.019988-68.326867c6.621987-21.972957 26.186949-44.848912 52.072898-63.209876 45.450911-30.099941 66.52087-61.102881 63.510876-93.008819-4.514991-45.450911-31.002939-69.530864-79.162845-72.540858-55.985891-1.504997-91.503821 29.497942-106.553792 93.008818l-54.781893-26.186949 9.029982-23.477954c24.982951-64.413874 78.861846-95.717813 161.335685-93.008818 81.570841 4.514991 126.118754 43.945914 133.643739 117.69077 4.514991 46.955908-22.574956 89.396825-81.570841 127.021752zM527.952969 746.478542h-52.072898v-58.092887h52.072898V746.478542z" fill="#060001" ></path></symbol><symbol id="icon-check-box" viewBox="0 0 1024 1024"><path d="M740 290L422 608 284 452c-24-24-60-24-84 0-24 24-24 60 0 84l174 198c12 12 30 18 42 18 18 0 30-6 42-18l360-360c24-24 24-60 0-84-18-24-60-24-78 0z" fill="#333303" ></path><path d="M872 32H152C86 32 32 86 32 152v720c0 66 54 120 120 120h720c66 0 120-54 120-120V152c0-66-54-120-120-120z m60 840c0 36-24 60-60 60H152c-36 0-60-24-60-60V152c0-36 24-60 60-60h720c36 0 60 24 60 60v720z" fill="#333303" ></path></symbol><symbol id="icon-switch" viewBox="0 0 1024 1024"><path d="M752.2816 261.61493333H271.7184C133.4336 261.61493333 21.33333333 373.71733333 21.33333333 512c0 138.28693333 112.10026667 250.38506667 250.38506667 250.38506667h480.5632C890.5664 762.38506667 1002.66666667 650.28693333 1002.66666667 512c0-138.28266667-112.10026667-250.38506667-250.38506667-250.38506667z m0 475.17013334H271.7184C147.77173333 736.78506667 46.93333333 635.94666667 46.93333333 512s100.8384-224.78506667 224.78506667-224.78506667h480.5632C876.22826667 287.21493333 977.06666667 388.05333333 977.06666667 512s-100.8384 224.78506667-224.78506667 224.78506667z" fill="#333303" ></path><path d="M741.67466667 512m-167.03573334 0a167.03573333 167.03573333 0 1 0 334.07146667 0 167.03573333 167.03573333 0 1 0-334.07146667 0Z" fill="#333303" ></path></symbol><symbol id="icon-pingfen" viewBox="0 0 1024 1024"><path d="M765.3632 935.8592c-4.1728 0-8.3712-1.024-12.1856-3.072l-253.1072-136.9344-262.4 135.0144a25.4976 25.4976 0 0 1-27.4432-2.6112 25.5232 25.5232 0 0 1-9.1904-25.984l64.128-275.1232-206.976-192.5888c-7.3216-6.8096-10.0096-17.2288-6.8864-26.7008s11.4688-16.3072 21.376-17.4592l293.2736-34.0224 133.4784-254.5408c4.5312-8.6528 13.3888-14.4128 23.3728-13.696a25.6 25.6 0 0 1 22.6048 14.9504l116.0704 254.5408 290.0736 36.224a25.6 25.6 0 0 1 13.6192 44.7232l-220.4416 191.5648 45.0816 270.9248a25.6 25.6 0 0 1-23.936 34.7392l-0.512 0.0512z m-264.96-194.56c4.1984 0 8.3968 1.024 12.1856 3.072l218.9312 118.4512-39.6544-238.3872a25.6 25.6 0 0 1 8.448-23.5264l187.9808-163.328-247.3472-30.8992a25.5488 25.5488 0 0 1-20.1216-14.7712l-100.3264-220.0064-115.5072 220.2368a25.6 25.6 0 0 1-19.7376 13.5424l-251.6224 29.184 177.2544 164.9152c6.7072 6.2464 9.5744 15.616 7.5008 24.5504l-54.9376 235.6736 225.2032-115.8912a26.112 26.112 0 0 1 11.7504-2.816z" fill="" ></path></symbol><symbol id="icon-input" viewBox="0 0 1024 1024"><path d="M857 212H167c-74.25 0-135 60.75-135 135v330c0 74.25 60.75 135 135 135h690c74.25 0 135-60.75 135-135V347c0-74.25-60.75-135-135-135z m82.50000001 465c0 21.9375-8.625 42.5625-24.18750001 58.3125-15.75 15.75-36.375 24.1875-58.3125 24.18750001H167c-21.9375 0-42.5625-8.625-58.3125-24.18750001C93.125 719.5625 84.49999999 698.9375 84.49999999 677V347c0-21.9375 8.625-42.5625 24.18750001-58.3125C124.4375 273.125 145.0625 264.49999999 167 264.49999999h690c21.9375 0 42.5625 8.625 58.3125 24.18750001 15.75 15.75 24.1875 36.375 24.18750001 58.3125v330z" fill="#333303" ></path><path d="M321.6875 640.4375m-27.18749999 0a27.1875 27.1875 0 1 0 54.37499999 0 27.1875 27.1875 0 1 0-54.37499999 0Z" fill="#333303" ></path><path d="M428.5625 640.4375m-27.1875 0a27.1875 27.1875 0 1 0 54.375 0 27.1875 27.1875 0 1 0-54.375 0Z" fill="#333303" ></path><path d="M535.4375 640.4375m-27.1875 0a27.1875 27.1875 0 1 0 54.375 0 27.1875 27.1875 0 1 0-54.375 0Z" fill="#333303" ></path><path d="M176.375 356.375h52.5v311.25H176.375z" fill="#333303" ></path></symbol><symbol id="icon-radio-active" viewBox="0 0 1024 1024"><path d="M512.03626531 32a479.99298094 479.99298094 0 1 0 479.96373656 479.99298094A479.96373655 479.96373655 0 0 0 512.03626531 32z m0 867.63125344a387.66751687 387.66751687 0 1 1 387.6382725-387.6382725 387.66751687 387.66751687 0 0 1-387.6382725 387.6382725z" fill="#333303" ></path><path d="M512.03626531 511.99298094m-187.54615218 0a187.5461522 187.5461522 0 1 0 375.09230437 0 187.5461522 187.5461522 0 1 0-375.09230438 0Z" fill="#333303" ></path></symbol><symbol id="icon-color" viewBox="0 0 1024 1024"><path d="M272.25960294 310.88943405c0-41.42522469 33.14017975-74.56540445 70.42288198-74.56540444s70.42288197 33.14017975 70.42288197 74.56540444S384.10770961 381.31231603 342.68248492 381.31231603s-70.42288197-33.14017975-70.42288198-70.42288198zM131.41383899 455.87772047C131.41383899 414.45249578 164.55401872 381.31231603 201.83672095 381.31231603s70.42288197 33.14017975 70.42288199 74.56540444-33.14017975 70.42288197-70.42288199 70.42288197-70.42288197-33.14017975-70.42288196-70.42288197zM462.81563651 261.17916443c0-41.42522469 33.14017975-74.56540445 70.42288199-74.56540445 37.28270222 0 70.42288197 33.14017975 70.42288196 74.56540443s-33.14017975 70.42288197-70.42288196 70.42288198c-37.28270222 0-70.42288197-33.14017975-70.42288199-70.42288196zM462.81563651 671.28888886c0-53.8527921 41.42522469-95.2780168 95.27801679-95.27801681s95.2780168 41.42522469 95.27801679 95.27801681-41.42522469 95.2780168-95.27801679 95.2780168-95.2780168-41.42522469-95.27801679-95.2780168z" fill="#1A1A1A" ></path><path d="M508.38338368 141.04601281C272.25960294 141.04601281 81.70356935 302.60438911 81.70356935 505.58799011s190.55603358 360.39945482 426.67981433 360.39945481c66.2803595 0 115.99062914-8.28504494 157.41585383-24.85513481 28.99765728-12.42756741 53.8527921-28.99765728 66.2803595-49.71026964 28.99765728-45.56774717 8.28504494-111.84810667-12.4275674-153.27333136-45.56774717-95.2780168-4.14252247-136.70324148 16.57008987-149.13080889 12.42756741-8.28504494 24.85513482-12.42756741 37.28270222-12.42756741 20.71261235 0 53.8527921 8.28504494 86.99297186 57.99531457 16.57008987 28.99765728 37.28270222 37.28270222 45.56774715 37.28270223 16.57008987 0 28.99765728-28.99765728 28.99765728-74.56540445 0-194.69855605-190.55603358-356.25693235-426.67981431-356.25693235z m0 770.50917926c-124.27567408 0-244.40882569-41.42522469-331.40179754-120.1331516-45.56774717-37.28270222-78.70792691-82.85044939-103.56306173-132.56071902-24.85513482-45.56774717-37.28270222-99.42053925-37.28270221-157.41585382S48.56338961 393.73988345 73.41852441 339.88709134c24.85513482-49.71026963 57.99531457-91.13549431 103.56306172-132.56071901C263.97455799 132.76096788 384.10770961 91.33574318 508.38338368 91.33574318s244.40882569 41.42522469 331.40179754 120.1331516c45.56774717 37.28270222 78.70792691 82.85044939 103.56306172 132.56071902 24.85513482 49.71026963 37.28270222 103.56306173 37.28270221 161.55837629 0 91.13549431-37.28270222 120.13315161-74.56540444 120.13315161-28.99765728 0-62.13783703-20.71261235-86.99297185-57.99531456-16.57008987-24.85513482-33.14017975-37.28270222-45.56774716-37.28270222-4.14252247 0-8.28504494 0-12.42756742 4.14252246-24.85513482 16.57008987-12.42756741 62.13783703 0 82.85044938 37.28270222 78.70792691 41.42522469 149.13080889 8.28504496 202.98360098-37.28270222 62.13783703-124.27567408 91.13549431-260.97891556 91.13549431z" fill="#1A1A1A" ></path></symbol><symbol id="icon-slider" viewBox="0 0 1024 1024"><path d="M954.73208889 69.26791111h-862.16248889c-23.30168889 0-38.83614777 15.53445888-38.83614777 38.83614777v7.76723001c0 23.30168889 15.53445888 38.83614777 38.83614777 38.83614777h862.16248889c7.76723001 0 15.53445888 0 23.30168889-7.76722887s7.76723001-15.53445888 7.76723001-23.30168889v-7.76723001c0-31.0689189-15.53445888-46.60337778-31.0689189-46.60337778z" fill="" ></path><path d="M799.38749667 30.43176334h-77.67229667c-23.30168889 0-38.83614777 15.53445888-38.83614777 38.83614777v77.67229668c0 23.30168889 15.53445888 38.83614777 38.83614777 38.83614776h77.67229667c23.30168889 0 38.83614777-15.53445888 38.83614778-38.83614776v-77.67229668c0-23.30168889-15.53445888-38.83614777-38.83614778-38.83614777zM954.73208889 418.79324445h-862.16248889c-23.30168889 0-38.83614777 15.53445888-38.83614777 38.83614776v7.76723001c0 23.30168889 15.53445888 38.83614777 38.83614777 38.83614777h862.16248889c23.30168889 0 38.83614777-15.53445888 38.83614777-38.83614777v-7.76723001c-7.76723001-23.30168889-23.30168889-38.83614777-38.83614777-38.83614776z" fill="" ></path><path d="M558.60337778 379.95709667h-77.67229668c-23.30168889 0-38.83614777 15.53445888-38.83614777 38.83614778v77.67229667c0 23.30168889 15.53445888 38.83614777 38.83614777 38.83614777h77.67229668c23.30168889 0 38.83614777-15.53445888 38.83614777-38.83614777v-77.67229667c0-23.30168889-15.53445888-38.83614777-38.83614777-38.83614778zM954.73208889 768.31857778h-862.16248889c-7.76723001 0-15.53445888 0-23.30168889 7.76723001-7.76723001 7.76723001-7.76723001 15.53445888-7.76723001 23.30168888v7.76722888c0 23.30168889 15.53445888 38.83614777 38.83614891 38.8361489h862.16248889c23.30168889 0 38.83614777-15.53445888 38.83614777-38.8361489v-7.76722888c-15.53445888-15.53445888-31.0689189-31.0689189-46.60337778-31.06891889z" fill="" ></path><path d="M333.3537189 729.48243001h-77.67229668c-23.30168889 0-38.83614777 15.53445888-38.83614777 38.83614777v77.67229667c0 23.30168889 15.53445888 38.83614777 38.83614777 38.83614777h77.67229668c23.30168889 0 38.83614777-15.53445888 38.83614777-38.83614777v-77.67229667c0-23.30168889-15.53445888-38.83614777-38.83614777-38.83614777z" fill="" ></path></symbol><symbol id="icon-icon_bars" viewBox="0 0 1024 1024"><path d="M40.67299953 482.54206291l942.65400094 0 0 58.91587418-942.65400094 0 0-58.91587418Z" fill="#333303" ></path><path d="M40.67299953 777.12143803l942.65400094 0 0 58.91587557-942.65400094 0 0-58.91587557Z" fill="#333303" ></path><path d="M40.67299953 187.9626864l942.65400094 0 0 58.91587557-942.65400094 0 0-58.91587557Z" fill="#333303" ></path></symbol><symbol id="icon-fuwenbenkuang" viewBox="0 0 1024 1024"><path d="M198.73792 294.109184h93.74378667v218.73186133h-31.24974934v31.244288H386.22549333v-31.244288h-31.24974933V294.109184h93.73832533v31.244288h31.24974934V231.61514667H167.48817067v93.73832533h31.24974933zM542.46331733 356.60322133h312.475648v62.49403734h-312.475648zM542.46331733 481.591296h312.475648v62.49403733h-312.475648zM167.48817067 606.584832h687.45079466v62.49403733H167.493632v-62.49403733zM167.48817067 731.57290667h687.45079466v62.49403733H167.493632v-62.49403733zM542.46331733 231.61514667h312.475648v62.49403733h-312.475648z" fill="#333303" ></path><path d="M30.982144 33.39605333v958.889984h960.462848V33.39605333H30.982144zM927.06133333 927.94606933H96.93866667V99.303424h830.12266666v828.64264533z" fill="#333303" ></path></symbol><symbol id="icon-date" viewBox="0 0 1024 1024"><path d="M205 552h120c13.30000001 0 24-10.70000001 24-24s-10.70000001-24-24-24H205c-13.30000001 0-24 10.70000001-24 24s10.70000001 24 24 24zM453 552h120c13.30000001 0 24-10.70000001 24-24s-10.70000001-24-24-24H453c-13.30000001 0-24 10.70000001-24 24s10.70000001 24 24 24zM701 552h120c13.30000001 0 24-10.70000001 24-24s-10.70000001-24-24-24H701c-13.30000001 0-24 10.70000001-24 24s10.70000001 24 24 24zM205 687h120c13.30000001 0 24-10.70000001 24-24s-10.70000001-24-24-24H205c-13.30000001 0-24 10.70000001-24 24s10.70000001 24 24 24zM453 687h120c13.30000001 0 24-10.70000001 24-24s-10.70000001-24-24-24H453c-13.30000001 0-24 10.70000001-24 24s10.70000001 24 24 24zM701 687h120c13.30000001 0 24-10.70000001 24-24s-10.70000001-24-24-24H701c-13.30000001 0-24 10.70000001-24 24s10.70000001 24 24 24zM205 823h120c13.30000001 0 24-10.70000001 24-24s-10.70000001-24-24-24H205c-13.30000001 0-24 10.70000001-24 24s10.70000001 24 24 24zM453 823h120c13.30000001 0 24-10.70000001 24-24s-10.70000001-24-24-24H453c-13.30000001 0-24 10.70000001-24 24s10.70000001 24 24 24zM701 823h120c13.30000001 0 24-10.70000001 24-24s-10.70000001-24-24-24H701c-13.30000001 0-24 10.70000001-24 24s10.70000001 24 24 24z" fill="#333303" ></path><path d="M870 116H745V64c0-13.30000001-10.70000001-24-24-24s-24 10.70000001-24 24v52H327V64c0-13.30000001-10.70000001-24-24-24s-24 10.70000001-24 24v52H154c-51.90000001 0-94 42.10000001-94 94v692c0 51.90000001 42.10000001 94 94 94h716c51.90000001 0 94-42.10000001 94-94V210c0-51.90000001-42.10000001-94-94-94z m46 786c0 25.4-20.6 46-46 46H154c-25.4 0-46-20.6-46-46V387h808v515z m0-563H108V210c0-25.4 20.6-46 46-46h125v68c0 13.30000001 10.70000001 24 24 24s24-10.70000001 24-24v-68h370v68c0 13.30000001 10.70000001 24 24 24s24-10.70000001 24-24v-68h125c25.4 0 46 20.6 46 46v129z" fill="#333303" ></path></symbol><symbol id="icon-ic" viewBox="0 0 1024 1024"><path d="M872 991.94000001H152a120 120 0 0 1-120-120.00000002v-720a120 120 0 0 1 120-120h720a120 120 0 0 1 120 120v720a120 120 0 0 1-120 120zM812 812H212v60h600v-60z" fill="#333333" ></path><path d="M464.29999999 632L332 499.64 559.70000001 272 692 404.29999999 464.29999999 632zM212 751.94000001L262.88 572 392 701.12l-180 50.82000001zM572 264.56l87.72-87.72c24.18000001-24.24 62.88-24.90000001 86.34000001-1.38000001l42.47999998 42.48c23.46000001 23.46000001 22.86000001 62.10000001-1.37999999 86.34000001L699.44 392" fill="#ffffff" ></path></symbol><symbol id="icon-trash" viewBox="0 0 1024 1024"><path d="M828.6464 282.10468599h-1.404343c-19.518171 0-35.338971 15.8208-35.33897099 35.33531401v493.897143a35.254857 35.254857 0 0 0 1.69691399 10.821486l0.117029 51.671771c0 30.679771-13.31931401 47.09668599-45.696 47.09668601l-469.6832-1.2032c-32.35108601 0-46.588343-14.01051401-46.58834299-44.68662901V332.375771h-0.27428601V317.44c0-19.51451399-15.8208-35.33531399-35.33531399-35.33531399h-1.40434301c-19.51451399 0-35.33531399 15.8208-35.335314 35.33531399v14.939429h-0.424229V875.264c0 61.520457 52.618971 111.5392 117.295543 111.5392h468.970057c64.67291401 0 117.31748601-50.0224 117.31748601-111.5392v-53.994057a35.364571 35.364571 0 0 0 1.42628499-9.929143V317.44c-0.003657-19.51451399-15.824457-35.33531399-35.338971-35.33531399z m0 0" fill="#ffffff" ></path><path d="M388.476343 812.21851401V441.88891399c0-19.024457-15.422171-34.453943-34.450286-34.45394299-19.024457 0-34.446629 15.422171-34.446628 34.45394299V812.214857a34.45028599 34.45028599 0 0 0 68.896914 0.00365701z m154.59474299-2e-8V441.88891399c0-19.024457-15.422171-34.453943-34.45028599-34.45394299-19.024457 0-34.446629 15.422171-34.446629 34.45394299V812.214857a34.45028599 34.45028599 0 0 0 68.89691499 0.00365701z m154.5984 0V441.88891399c0-19.024457-15.422171-34.453943-34.45028599-34.45394299-19.024457 0-34.446629 15.422171-34.446629 34.45394299V812.214857a34.45028599 34.45028599 0 0 0 68.89691499 0.00365701z m224.35108501-637.98125699h-198.048914V106.496c1.19588599-56.279771-47.535543-69.847771-96.17554301-69.847771h-234.04251399c-60.405029 0-94.858971 21.617371-94.858971 67.90948501l-0.248686 69.67954299h-198.144c-19.51451399 0-35.33531399 15.8208-35.335314 35.335314v1.76274301c0 19.51451399 15.8208 35.33531399 35.335314 35.33531499h821.51497099c19.521829 0 35.342629-15.8208 35.34262901-35.33531499v-1.76274301c0-19.51451399-15.8208-35.33531399-35.34262901-35.335314h0.00365701zM364.181943 127.5136c0-15.484343 11.483429-28.990171 27.794286-28.990171l234.532571 1.20685699c16.2816 0 30.632229 11.12868601 30.632229 26.61668501l0.190171 47.890286H364.181943V127.5136z m0 0" fill="#ffffff" ></path></symbol><symbol id="icon-grid-" viewBox="0 0 1024 1024"><path d="M422 77H92a15 15 0 0 0-15 15v330a15 15 0 0 0 15 15h330a15 15 0 0 0 15-15V92a15 15 0 0 0-15-15z" fill="#444444" ></path><path d="M932 77H602a15 15 0 0 0-15 15v330a15 15 0 0 0 15 15h330a15 15 0 0 0 15-15V92a15 15 0 0 0-15-15zM422 587H92a15 15 0 0 0-15 15v330a15 15 0 0 0 15 15h330a15 15 0 0 0 15-15V602a15 15 0 0 0-15-15z" fill="#444444" ></path><path d="M932 587H602a15 15 0 0 0-15 15v330a15 15 0 0 0 15 15h330a15 15 0 0 0 15-15V602a15 15 0 0 0-15-15z" fill="#444444" ></path></symbol><symbol id="icon-drag" viewBox="0 0 1024 1024"><path d="M994.17505185 505.08231111L839.31591111 382.86980741c-5.70405925-4.49042963-14.19946667-0.48545185-14.19946666 6.91768889V468.30933333H555.69066667V198.88355555h78.6432c7.28177778 0 11.40811852-8.49540741 6.91768888-14.19946666L518.91768889 29.82494815c-3.51952592-4.49042963-10.31585185-4.49042963-13.71401481 0L382.86980741 184.68408889c-4.49042963 5.70405925-0.48545185 14.19946667 6.91768889 14.19946666H468.30933333v269.42577778H198.88355555v-78.6432c0-7.28177778-8.49540741-11.40811852-14.19946666-6.91768888L29.82494815 505.08231111c-4.49042963 3.51952592-4.49042963 10.31585185 0 13.71401481l154.73777777 122.33386667c5.70405925 4.49042963 14.19946667 0.48545185 14.19946667-6.91768889V555.69066667h269.42577778v269.42577778h-78.6432c-7.28177778 0-11.40811852 8.49540741-6.91768889 14.19946666l122.33386667 154.73777778c3.51952592 4.49042963 10.31585185 4.49042963 13.71401482 0l122.33386666-154.73777778c4.49042963-5.70405925 0.48545185-14.19946667-6.91768888-14.19946666H555.69066667V555.69066667h269.42577778v78.6432c0 7.28177778 8.49540741 11.40811852 14.19946666 6.91768888l154.73777778-122.33386666c4.49042963-3.51952592 4.49042963-10.31585185 0.12136296-13.83537778z" ></path></symbol><symbol id="icon-shangchuan" viewBox="0 0 1024 1024"><path d="M909.94133333 434.05866667a259.85066667 259.85066667 0 0 0-140.32-72.98133334 261.41866667 261.41866667 0 0 0-515.2 0 259.85066667 259.85066667 0 0 0-140.32 72.98133334C64.576 483.54133333 37.33333333 549.09866667 37.33333333 618.66666667s27.24266667 135.12533333 76.72533334 184.608S229.09866667 880 298.66666667 880h218.35733333a48 48 0 0 0 48-48V649.216L603.73333333 688a48 48 0 0 0 67.88266667-67.88266667L550.95466667 499.392l-0.096-0.096c-0.53333333-0.52266667-1.06666667-1.06666667-1.61066667-1.536l-0.896-0.77866667-0.88533333-0.75733333c-0.37333333-0.30933333-0.75733333-0.59733333-1.14133334-0.896l-0.69333333-0.53333333c-0.416-0.30933333-0.84266667-0.608-1.26933333-0.90666667l-0.62933334-0.43733333c-0.448-0.29866667-0.88533333-0.576-1.33333333-0.85333334-0.21333333-0.13866667-0.42666667-0.27733333-0.65066667-0.40533333-0.43733333-0.26666667-0.87466667-0.512-1.32266666-0.75733333l-0.72533334-0.416c-0.42666667-0.224-0.84266667-0.43733333-1.26933333-0.64l-0.85333333-0.42666667-1.17333334-0.53333333-1.06666666-0.43733334-1.06666667-0.40533333q-0.59733333-0.24533333-1.184-0.448c-0.30933333-0.11733333-0.608-0.21333333-0.91733333-0.30933333l-1.344-0.43733334-0.81066667-0.23466666-1.46133333-0.39466667-0.75733334-0.17066667-1.536-0.34133333-0.75733333-0.128c-0.512-0.096-1.06666667-0.192-1.54666667-0.26666667l-0.864-0.10666666c-0.48-0.064-0.96-0.128-1.44-0.17066667s-0.768-0.064-1.16266666-0.08533333-0.77866667-0.07466667-1.184-0.08533334c-0.72533333 0-1.45066667-0.05333333-2.13333334-0.064h-0.36266666c-0.72533333 0-1.45066667 0-2.13333334 0.064-0.40533333 0-0.8 0.05333333-1.19466666 0.08533334s-0.768 0-1.152 0.08533333-0.96 0.10666667-1.44 0.17066667l-0.864 0.10666666c-0.52266667 0.07466667-1.06666667 0.17066667-1.54666667 0.26666667l-0.75733333 0.128-1.54666667 0.34133333-0.736 0.17066667-1.48266667 0.40533333c-0.26666667 0.07466667-0.53333333 0.13866667-0.8 0.224l-1.35466666 0.43733334-0.896 0.29866666-1.20533334 0.45866667-1.06666666 0.40533333c-0.352 0.13866667-0.69333333 0.29866667-1.06666667 0.448l-1.152 0.52266667-0.87466667 0.42666667-1.248 0.64-0.74666666 0.416c-0.43733333 0.24533333-0.87466667 0.49066667-1.312 0.75733333-0.224 0.128-0.43733333 0.27733333-0.66133334 0.416-0.43733333 0.27733333-0.88533333 0.544-1.312 0.84266667-0.224 0.13866667-0.43733333 0.29866667-0.65066666 0.448-0.416 0.288-0.84266667 0.58666667-1.25866667 0.896l-0.704 0.544-1.13066667 0.88533333-0.90666666 0.77866667c-0.288 0.256-0.58666667 0.50133333-0.864 0.75733333-0.56533333 0.50133333-1.06666667 1.06666667-1.64266667 1.55733333l-0.08533333 0.07466667-0.096 0.10666667c-0.52266667 0.52266667-1.06666667 1.06666667-1.536 1.61066666l-0.768 0.896c-0.256 0.288-0.512 0.576-0.75733334 0.87466667l-0.39466666 0.49066667-117.06666667 117.13066666a48 48 0 0 0 67.88266667 67.88266667L469.024 649.6v134.4H298.66666667c-91.168 0-165.33333333-74.16533333-165.33333334-165.33333333s74.16533333-165.33333333 165.33333334-165.33333334h48v-48c0-91.168 74.16533333-165.33333333 165.33333333-165.33333333s165.33333333 74.16533333 165.33333333 165.33333333v48h48c91.168 0 165.33333333 74.16533333 165.33333334 165.33333334s-74.16533333 165.33333333-165.33333334 165.33333333a48 48 0 0 0 0 96c69.568 0 135.136-27.25333333 184.608-76.72533333S986.66666667 688.23466667 986.66666667 618.66666667s-27.24266667-135.12533333-76.72533334-184.608z" fill="" ></path></symbol><symbol id="icon-zhage" viewBox="0 0 1371 1024"><path d="M1127.43971643 183.87918516h-188.32952032V840.15848203h188.33705393c12.99525705 0 24.06194218-4.59542422 33.29799058-13.73353746 9.19084844-9.19084844 13.80133905-20.20479924 13.80133987-33.14732192V230.76004453c0-12.93498907-4.61049143-23.98660703-13.79380627-33.14732108-9.24358282-9.16824765-20.31026798-13.76367188-33.30552418-13.76367188v0.03013357z m-282.50558047-0.03013359h-282.50558048v656.27176329h282.50558048V183.84151797zM468.26002893 840.12081484V183.84151797h-188.33705392c-12.99525705 0-24.06194218 4.59542422-33.29799062 13.77120548-9.17578125 9.15318045-13.80133905 20.20479924-13.80133905 33.14732108v562.50251092c0 12.94252267 4.6255578 23.95647344 13.79380547 33.1473219 9.24358282 9.13811408 20.31026798 13.7335383 33.3055242 13.73353748h188.33705392v-0.03013358zM279.91544222 90.125h847.53180782c38.95563593 0 72.26116095 13.7335383 99.85630544 41.20814767C1254.8987008 158.80022345 1268.69250626 191.94754453 1268.69250626 230.76004453v562.51004452c0 38.78236642-13.79380545 71.95982107-41.38895078 99.41183048-27.59514532 27.45954217-60.90066954 41.19308047-99.85630544 41.19308047H279.91544222c-38.95563593 0-72.27622734-13.7335383-99.85630625-41.19308047C152.46399062 865.22991097 138.67018517 832.05245547 138.67018517 793.27008905V230.76004453C138.67018517 191.94754453 152.46399062 158.80022345 180.05913597 131.33314768 207.63168048 103.8585383 240.95980547 90.125 279.92297501 90.125z" ></path></symbol><symbol id="icon-number" viewBox="0 0 1024 1024"><path d="M63.39047573 902.0952384h897.21904854c11.7028576 0 19.5047616 7.80190507 19.5047616 19.5047616v39.00952427c0 11.7028576-7.80190507 19.5047616-19.5047616 19.5047616h-897.21904854c-11.7028576 0-19.5047616-7.80190507-19.5047616-19.5047616v-39.00952427c0-11.7028576 7.80190507-19.5047616 19.5047616-19.5047616z" fill="#333333" ></path><path d="M145.31047573 235.0323808L43.88571413 309.15047573V203.8247616l101.4247616-74.11809493h101.42476267v709.97333333H145.31047573V235.0323808z m163.84 507.12381013l183.34476267-347.18476266c7.80190507-15.60380907 15.60380907-31.2076192 15.60380907-46.81142827 0-11.7028576 3.90095253-27.30666667 3.90095253-46.81142827v-27.30666666c0-7.80190507-3.90095253-19.5047616-3.90095253-27.30666667s-7.80190507-11.7028576-15.60380907-19.50476267-19.5047616-3.90095253-31.2076192-3.90095146c-15.60380907 0-27.30666667 3.90095253-35.10857173 11.70285653s-11.7028576 19.5047616-11.70285654 39.00952427v58.51428586H309.15047573V277.9428576c0-19.5047616 3.90095253-42.91047573 11.7028576-58.51428587 7.80190507-19.5047616 19.5047616-39.00952427 31.2076192-50.7123808 11.7028576-15.60380907 31.2076192-23.40571413 46.81142827-35.10857173 19.5047616-7.80190507 39.00952427-11.7028576 58.51428587-11.7028576 27.30666667 0 50.7123808 3.90095253 66.31619093 15.60381013 19.5047616 7.80190507 35.10857173 23.40571413 46.81142827 39.0095232s19.5047616 35.10857173 27.30666666 58.51428587c3.90095253 19.5047616 7.80190507 42.91047573 7.80190507 66.31619093v42.91047574c0 11.7028576-3.90095253 23.40571413-3.90095253 35.10857173-3.90095253 11.7028576-3.90095253 19.5047616-11.7028576 31.2076192-3.90095253 11.7028576-11.7028576 23.40571413-19.5047616 39.0095232l-148.23619094 288.6704768h183.34476267v101.4247616H309.15047573v-97.52380907z m487.61904854-315.97714346c31.2076192 0 50.7123808-3.90095253 62.41523733-11.70285654 11.7028576-7.80190507 15.60380907-23.40571413 15.60381013-50.71238186V274.04190507c0-15.60380907-3.90095253-27.30666667-11.7028576-35.10857174s-19.5047616-15.60380907-35.10857173-15.60380906c-19.5047616 0-31.2076192 3.90095253-39.0095232 15.60380906-7.80190507 11.7028576-11.7028576 23.40571413-11.7028576 31.2076192v58.51428587h-101.4247616V274.04190507c0-19.5047616 3.90095253-39.00952427 11.7028576-58.51428587s19.5047616-35.10857173 31.20761813-46.81142827 31.2076192-23.40571413 46.81142934-31.2076192c19.5047616-7.80190507 39.00952427-11.7028576 58.51428586-11.7028576 27.30666667 0 50.7123808 3.90095253 70.2171424 15.60381014 23.40571413 7.80190507 39.00952427 19.5047616 46.81142827 31.20761813 7.80190507 7.80190507 11.7028576 15.60380907 15.60381013 23.4057152 3.90095253 7.80190507 7.80190507 19.5047616 11.70285654 27.30666667s3.90095253 23.40571413 7.80190506 39.0095232c3.90095253 19.5047616 3.90095253 39.00952427 3.90095254 58.51428586v58.51428587c0 15.60380907-3.90095253 27.30666667-7.80190507 39.0095232-3.90095253 11.7028576-11.7028576 19.5047616-19.5047616 27.30666667s-19.5047616 15.60380907-35.10857173 23.4057152c15.60380907 11.7028576 27.30666667 19.5047616 35.10857173 27.30666666s15.60380907 19.5047616 19.5047616 31.20761814 7.80190507 27.30666667 7.80190507 42.9104768v120.9295232c0 15.60380907-3.90095253 27.30666667-3.90095254 39.00952426s-3.90095253 19.5047616-7.80190506 27.30666667l-11.70285654 23.40571413c-11.7028576 19.5047616-27.30666667 35.10857173-46.81142933 46.81142827-19.5047616 11.7028576-46.81142827 19.5047616-78.01904747 19.50476267-15.60380907 0-31.2076192-3.90095253-50.7123808-7.80190507s-35.10857173-15.60380907-46.81142826-27.30666667c-15.60380907-11.7028576-27.30666667-27.30666667-35.10857174-46.81142826-7.80190507-19.5047616-15.60380907-42.91047573-15.60380906-70.21714347v-58.51428587H785.06666667v54.61333334c0 15.60380907 3.90095253 27.30666667 11.7028576 39.00952426 7.80190507 11.7028576 19.5047616 15.60380907 35.10857066 15.60380907s27.30666667-3.90095253 35.10857174-15.60380907 11.7028576-23.40571413 11.7028576-42.91047573v-101.42476267c0-15.60380907 0-23.40571413-3.90095254-35.10857066s-7.80190507-15.60380907-11.7028576-19.50476267l-23.40571413-11.70285653c-11.7028576 0-23.40571413-3.90095253-39.00952427-3.90095254v-89.72190506z" fill="#333333" ></path></symbol><symbol id="icon-yulan" viewBox="0 0 1024 1024"><path d="M608 992H152c-66.24 0-120-53.76-120-120V152C32 85.76 85.76 32 152 32h576c66.24 0 120 53.76 120 120v216c0 13.44-10.56 24-24 24s-24-10.56-24-24V152c0-39.84-32.16-72-72-72H152c-39.84 0-72 32.16-72 72v720c0 39.84 32.16 72 72 72h456c13.44 0 24 10.56 24 24s-10.56 24-24 24z" fill="" ></path><path d="M680 272H200c-13.44 0-24-10.56-24-24s10.56-24 24-24h480c13.44 0 24 10.56 24 24s-10.56 24-24 24zM392 448.16H200c-13.44 0-24-10.56-24-24s10.56-24 24-24h192c13.44 0 24 10.56 24 24s-10.56 24-24 24zM296 623.84H200c-13.44 0-24-10.56-24-24s10.56-24 24-24h96c13.44 0 24 10.56 24 24s-10.56 24-24 24zM344 800H200c-13.44 0-24-10.56-24-24s10.56-24 24-24h144c13.44 0 24 10.56 24 24s-10.56 24-24 24zM632 872c-132.48 0-240-107.52-240-240s107.52-240 240-240 240 107.52 240 240-107.52 240-240 240z m0-432c-106.08 0-192 85.92-192 192s85.92 192 192 192 192-85.92 192-192-85.92-192-192-192z" fill="" ></path><path d="M968 992c-6.24 0-12.48-2.4-16.8-7.2l-177.6-177.6c-9.6-9.6-9.6-24.48 0-34.08s24.48-9.6 34.08 0l177.6 177.6c9.6 9.6 9.6 24.48 0 34.08-4.8 4.8-11.04 7.2-17.28 7.2z" fill="" ></path></symbol><symbol id="icon-select" viewBox="0 0 1024 1024"><path d="M35.2 988.8V35.2H992V992c-3.2-3.2-956.8-3.2-956.8-3.2zM921.6 102.4H102.4v816h819.2V102.4z" fill="#333303" ></path><path d="M512 726.4l-291.2-294.4L288 364.8l224 227.2 227.2-227.2 67.2 67.2z" fill="#333303" ></path></symbol><symbol id="icon-wenzishezhi-" viewBox="0 0 1024 1024"><path d="M882.688 935.70844445c-20.48 0-40.04977778-12.06044445-48.69688889-32.08533334l-0.11377778-0.11377778-115.48444444-269.08444444H310.04444445L189.66755555 904.30577778c-11.94666667 26.73777778-43.23555555 38.68444445-69.97333333 26.73777777s-38.68444445-43.23555555-26.73777777-69.97333333l328.81777777-736.82488889c11.49155555-25.82755555 32.42666667-45.62488889 58.82311111-55.75111111 26.39644445-10.12622222 55.18222222-9.32977778 81.00977778 2.16177778 24.34844445 10.92266667 43.69066667 30.37866667 54.15822222 54.95466667l315.61955556 736.14222222c11.49155555 26.85155555-0.91022222 58.02666667-27.76177778 69.51822222-6.82666667 2.95822222-13.88088889 4.43733333-20.93511111 4.43733334zM357.376 528.49777778h315.96088889l-154.73777778-361.01688889-161.22311111 361.01688889z" ></path></symbol><symbol id="icon-pingfen1" viewBox="0 0 1024 1024"><path d="M991.14097778 457.62939221c34.4670811-33.49617778 15.53445888-92.23585223-32.03982223-99.51762887l-234.47324444-33.98163001c-18.93262222-2.91271111-35.43798557-14.56355555-43.69066666-32.03982222L575.59419221 79.94785223c-21.3598811-43.20521443-83.01226667-43.20521443-104.37214776 0L366.36444445 292.57576334c-8.2526811 16.99081443-24.75804445 29.12711111-43.69066667 32.03982223l-234.47324445 33.98162886c-47.5742811 6.79632555-66.99235555 65.536-32.03982222 99.51763002l169.90814777 165.5390811c13.59265223 13.59265223 19.90352555 32.52527445 16.50536334 51.45789667l-40.29250332 233.50234112c-8.2526811 47.5742811 41.74885888 83.98316999 84.46862222 61.16693333l209.7152-110.19757112c16.99081443-8.73813333 37.37979221-8.73813333 54.37060665 0l209.7152 110.19757112c42.71976334 22.33078557 92.72130333-13.59265223 84.46862222-61.16693333l-40.29250332-233.50234112c-3.39816334-18.93262222 2.91271111-38.35069667 16.50536334-51.45789667l169.90814777-166.02453334z m-223.79330333 109.7121189c-32.03982222 31.0689189-46.60337778 76.21594112-39.3216 120.39205888l33.49617778 194.66619335-174.76266666-91.7504c-19.41807445-10.19448889-41.26340779-15.53445888-63.10874112-15.53446001s-43.69066667 5.33996999-63.10874112 15.53446001l-174.76266667 91.7504 33.49617777-194.66619335c7.76723001-44.1761189-7.28177778-88.83768889-38.83614776-120.39205888L138.20207445 429.47318557l195.63709554-28.64166002c44.1761189-6.31087445 82.52681443-34.4670811 102.43034112-74.27413334l87.38133334-177.18992554 87.38133333 177.18992554c19.90352555 40.29250333 58.25422222 67.96325888 102.43034112 74.27413334l195.63709553 28.64166002-141.75193998 137.86832554z" fill="#4C4C4C" ></path><path d="M591.12865223 697.44260779h-135.9265189c-21.3598811 0-38.83614777-17.47626667-38.83614776-38.83614891s17.47626667-38.83614777 38.83614776-38.83614777h135.9265189c21.3598811 0 38.83614777 17.47626667 38.83614777 38.83614777s-17.47626667 38.83614777-38.83614777 38.83614891z" fill="#4C4C4C" ></path></symbol><symbol id="icon-RectangleCopy" viewBox="0 0 1024 1024"><path d="M74.54962725 140.82998676v742.34002648h861.64467358V140.82998676H74.54962725z m0-53.02428759h861.64467358a53.02428761 53.02428761 0 0 1 53.02428762 53.02428759v742.34002648a53.02428761 53.02428761 0 0 1-53.02428762 53.02428759H74.54962725a53.02428761 53.02428761 0 0 1-53.0242876-53.02428759V140.82998676a53.02428761 53.02428761 0 0 1 53.0242876-53.02428759z" fill="#4E4E4E" ></path><path d="M495.42991013 101.06177106h39.7682157v821.87645788h-39.7682157z" fill="#4E4E4E" ></path></symbol><symbol id="icon-sync1" viewBox="0 0 1024 1024"><path d="M881.87 25.148l7.932 165.532C798.832 83.808 663.348 16 512 16 269.626 16 67.866 189.848 24.592 419.648 21.816 434.386 33.208 448 48.206 448h98.168c11.14 0 20.754-7.684 23.352-18.518C206.814 274.816 345.862 160 512 160c121.786 0 229.024 61.712 292.208 155.602l-203.06-9.73c-13.69-0.656-25.148 10.266-25.148 23.972v94.822c0 13.254 10.746 24 24 24h400.666c13.254 0 24-10.746 24-24V24c0-13.254-10.746-24-24-24h-94.822c-13.706 0-24.63 11.458-23.974 25.148zM512 864c-121.79 0-229.034-61.716-292.218-155.61l203.736 9.742c13.69 0.654 25.146-10.268 25.146-23.972v-94.824c0-13.254-10.746-24-24-24H24c-13.254 0-24 10.746-24 24V1000c0 13.254 10.746 24 24 24h94.77c13.726 0 24.656-11.49 23.97-25.198l-8.258-165.15C225.45 940.332 360.81 1008 512 1008c242.374 0 444.134-173.848 487.408-403.648 2.776-14.738-8.616-28.352-23.614-28.352h-98.168c-11.14 0-20.754 7.684-23.352 18.518C817.186 749.184 678.138 864 512 864z" ></path></symbol><symbol id="icon-tabs" viewBox="0 0 1024 1024"><path d="M900.3614811 123.6385189H123.6385189a97.09036999 97.09036999 0 0 0-97.09037113 97.09036999v582.54222222a97.09036999 97.09036999 0 0 0 97.09037113 97.09036999h776.7229622a97.09036999 97.09036999 0 0 0 97.09037113-97.09036999V220.72888889a97.09036999 97.09036999 0 0 0-97.09037113-97.09036999z m0 679.63259221H123.6385189V269.27407445a48.54518557 48.54518557 0 0 1 48.54518443-48.54518556h242.72592668a48.54518557 48.54518557 0 0 1 48.54518442 48.54518556v97.09037a48.54518557 48.54518557 0 0 0 48.54518557 48.54518556h388.3614811z m0-485.45185223h-339.81629553V269.27407445a48.54518557 48.54518557 0 0 1 48.54518442-48.54518556h242.72592668a48.54518557 48.54518557 0 0 1 48.54518443 48.54518556z" ></path></symbol></svg>',l=(c=document.getElementsByTagName("script"))[c.length-1].getAttribute("data-injectcss");if(l&&!s.__iconfont__svg__cssinject__){s.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(c){console&&console.log(c)}}!function(c){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(c,0);else{var l=function(){document.removeEventListener("DOMContentLoaded",l,!1),c()};document.addEventListener("DOMContentLoaded",l,!1)}else document.attachEvent&&(t=c,a=s.document,i=!1,(o=function(){try{a.documentElement.doScroll("left")}catch(c){return void setTimeout(o,50)}h()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,h())});function h(){i||(i=!0,t())}var t,a,i,o}(function(){var c,l;(c=document.createElement("div")).innerHTML=h,h=null,(l=c.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",function(c,l){l.firstChild?function(c,l){l.parentNode.insertBefore(c,l)}(c,l.firstChild):l.appendChild(c)}(l,document.body))})}(window);
\ No newline at end of file
src/components/VueFormMaking/iconfont/iconfont.svg 0 → 100644
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<!--
2013-9-30: Created.
-->
<svg>
<metadata>
Created by iconfont
</metadata>
<defs>
<font id="iconfont" horiz-adv-x="1024" >
<font-face
font-family="iconfont"
font-weight="500"
font-stretch="normal"
units-per-em="1024"
ascent="896"
descent="-128"
/>
<missing-glyph />
<glyph glyph-name="clear" unicode="&#59089;" d="M907.94666667 500.05333333l-157.01333334 47.78666667 61.44 238.93333333c0 6.82666667 0 20.48-6.82666666 27.30666667-6.82666667 6.82666667-13.65333333 13.65333333-20.48 13.65333333L634.88 868.69333333c-6.82666667 0-20.48 0-27.30666667 0C600.74666667 855.04 593.92 848.21333333 593.92 841.38666667L525.65333333 609.28 348.16 657.06666667c-6.82666667 0-20.48 0-27.30666667 0S307.2 636.58666667 307.2 629.76l-95.57333333-341.33333333C191.14666667 199.67999999999995 102.4 110.93333332999998 102.4 110.93333332999998c-6.82666667-6.82666667-13.65333333-20.48-6.82666667-34.13333333 0-13.65333333 13.65333333-20.48 27.30666667-27.30666667l559.78666667-150.18666666c0 0 6.82666667 0 6.82666666 0 6.82666667 0 20.48 6.82666667 27.30666667 13.65333333 6.82666667 6.82666667 88.74666667 95.57333333 122.88 191.14666667 34.13333333 88.74666667 95.57333333 348.16 95.57333333 354.98666666C935.25333333 479.57333333 921.6 493.22666667 907.94666667 500.05333333zM771.41333333 131.41333333c-27.30666667-61.44-75.09333333-122.88-95.57333333-157.01333333l-75.09333333 20.48c34.13333333 40.96 75.09333333 102.4 95.57333333 170.66666667 6.82666667 20.48-6.82666667 34.13333333-27.30666667 40.96-20.48 6.82666667-34.13333333-6.82666667-40.96-27.30666667-20.48-75.09333333-81.92-143.36-102.4-163.84l-61.44 13.65333333c34.13333333 40.96 75.09333333 102.4 88.74666667 163.84 6.82666667 20.48-6.82666667 34.13333333-27.30666667 40.96-20.48 6.82666667-34.13333333-6.82666667-40.96-27.30666666-20.48-68.26666667-75.09333333-136.53333333-95.57333333-163.84l-68.26666667 20.48c34.13333333 40.96 75.09333333 102.4 95.57333334 163.84 6.82666667 20.48-6.82666667 34.13333333-27.30666667 40.96C375.46666667 281.6 354.98666667 267.94666667 354.98666667 254.29333333c-20.48-68.26666667-75.09333333-136.53333333-102.4-163.84l-61.44 20.48c34.13333333 40.96 75.09333333 102.4 88.74666666 163.84l81.92 314.02666667 177.49333334-47.78666667c6.82666667 0 20.48 0 27.30666666 0C573.44 541.01333333 580.26666667 547.8399999999999 587.09333333 554.66666667L648.53333333 793.6l88.74666667-20.48-61.44-238.93333333c-6.82666667-20.48 6.82666667-34.13333333 20.48-40.96L853.33333333 445.44C839.68 370.34666667 798.72 192.85333333000005 771.41333333 131.41333333zM354.98666667 424.96C354.98666667 404.48 361.81333333 390.82666667 382.29333333 384l361.81333334-102.4c0 0 6.82666667 0 6.82666666 0 13.65333333 0 27.30666667 6.82666667 34.13333334 27.30666667 6.82666667 20.48-6.82666667 34.13333333-20.48 40.96L402.77333333 452.26666667C382.29333333 452.26666667 361.81333333 445.44 354.98666667 424.96z" horiz-adv-x="1024" />
<glyph glyph-name="weibiaoti46" unicode="&#58940;" d="M947-32.25L77-32.25c-24.75 0-45 20.25-45 44.25L32 755.25c0 24.75 20.25 44.25 45 44.25l870 0c24.75 0 45-20.25 45-44.25l0-743.25C992-12.75 971.75-32.25 947-32.25zM122 755.25c-24.75 0-45-20.25-45-44.25 0-24.75 20.25-44.25 45-44.25s45 20.25 45 44.25C167 735 146.75 755.25 122 755.25zM257 755.25c-24.75 0-45-20.25-45-44.25 0-24.75 20.25-44.25 45-44.25 24.75 0 45 20.25 45 44.25C302 735 281.75 755.25 257 755.25zM392 755.25c-24.75 0-45-20.25-45-44.25 0-24.75 20.25-44.25 45-44.25 24.75 0 45 20.25 45 44.25C437 735 416.75 755.25 392 755.25zM947 620.25L77 620.25l0-608.25 870 0L947 620.25zM365.75 504c4.5 4.5 11.25 4.5 15.75 0 4.5-4.5 4.5-11.25 0-15.75L224 331.5l157.5-156.75c4.5-4.5 4.5-11.25 0-15.75s-11.25-4.5-15.75 0l-165 165C198.5 325.5 197 328.5 197 331.5c0 3 0.75 6 3 8.25L365.75 504zM565.25 456.75c3 5.25 9.75 7.5 15 4.5 5.25-3 7.5-9 5.25-15l-127.5-240.75c-3-5.25-9.75-7.5-15-4.5-5.25 3-7.5 9-5.25 15L565.25 456.75zM642.5 504c4.5 4.5 11.25 4.5 15.75 0l165-165c2.25-2.25 3-5.25 3-8.25 0-3-0.75-6-3-8.25l-165-165c-4.5-4.5-11.25-4.5-15.75 0-4.5 4.5-4.5 11.25 0 15.75l157.5 157.5-157.5 157.5C638 492.75 638 499.5 642.5 504z" horiz-adv-x="1024" />
<glyph glyph-name="delete" unicode="&#58902;" d="M713.03417887 694.68918518l0 109.65500633c0 45.43372402-28.47374996 73.10333755-74.96747266 73.10333755L385.89674291 877.44752906c-46.42061972 0-74.93092057-27.66961354-74.93092056-73.10333755l0-109.65500633-219.31001264 0 0-73.10333754 73.10333754 0 0-621.37837037c0-65.86610725 41.2302826-109.65500633 109.65500633-109.65500633l475.17169527 0c66.85300175 0 109.65500633 40.64545633 109.65500633 109.65500633l0 621.37837037 73.10333753 0 0 73.10333754L713.03417887 694.68918518zM384.06915869 804.34419151l255.86168141 0-1.53516988-109.65500633L384.06915869 694.68918518 384.06915869 804.34419151zM786.13751641-36.34419150999997l-548.27503282 0 0 657.93003915 548.27503282 0L786.13751641-36.34419150999997zM457.17249623 548.48251009l-71.27575453 0-1.82758301-475.17169527 73.10333754 0L457.17249623 548.48251009zM639.93084131 548.48251009l-73.10333754 0 0-475.17169527 73.10333754 0L639.93084131 548.48251009z" horiz-adv-x="1024" />
<glyph glyph-name="fabu" unicode="&#58928;" d="M838.03463253 102.65792426999997L450.89088213 221.78168107l387.1459328 446.70726613-506.2696896-446.70726613L33.95937173 340.90325440000004 986.93960213 847.17294507 838.03463253 102.65792426999997 838.03463253 102.65792426999997zM450.89088213-76.02716480000004L450.89088213 132.43804479999994l119.11829867-59.56133227L450.89088213-76.02716480000004 450.89088213-76.02716480000004z" horiz-adv-x="1024" />
<glyph glyph-name="qingkonghuishouzhan" unicode="&#58946;" d="M837.182662-59.748546 192.403566-59.748546 59.530326 804.74974l900.284327 0-0.497327-3.500731L837.182662-59.748546zM197.67257-53.608709l634.17969 0L952.741561 798.609902 66.686307 798.609902 197.67257-53.608709zM349.320022 537.181264l325.091045-324.999108-4.340865-4.342093-325.091045 324.999108 4.340865 4.342093ZM670.894289 538.055825l4.340755-4.340755-326.74766-326.74766-4.340755 4.340755 326.74766 326.74766Z" horiz-adv-x="1024" />
<glyph glyph-name="code" unicode="&#58971;" d="M352.571429 96.571429l-28.571429-28.571429q-5.714286-5.714286-13.142857-5.714286t-13.142857 5.714286L31.428571 334.285714q-5.714286 5.714286-5.714285 13.142857t5.714285 13.142858l266.285715 266.285714q5.714286 5.714286 13.142857 5.714286t13.142857-5.714286l28.571429-28.571429q5.714286-5.714286 5.714285-13.142857t-5.714285-13.142857L128 347.428571l224.571429-224.571428q5.714286-5.714286 5.714285-13.142857t-5.714285-13.142857z m337.714285 609.714285L477.142857-31.428571q-2.285714-7.428571-8.857143-11.142858T454.857143-44l-35.428572 9.714286q-7.428571 2.285714-11.142857 8.857143T406.857143-11.428571l213.142857 737.714285q2.285714 7.428571 8.857143 11.142857t13.428571 1.428572l35.428572-9.714286q7.428571-2.285714 11.142857-8.857143t1.428571-14z m375.428572-372l-266.285715-266.285714q-5.714286-5.714286-13.142857-5.714286t-13.142857 5.714286l-28.571428 28.571429q-5.714286 5.714286-5.714286 13.142857t5.714286 13.142857l224.571428 224.571428-224.571428 224.571429q-5.714286 5.714286-5.714286 13.142857t5.714286 13.142857l28.571428 28.571429q5.714286 5.714286 13.142857 5.714286t13.142857-5.714286l266.285715-266.285714q5.714286-5.714286 5.714285-13.142858t-5.714285-13.142857z" horiz-adv-x="1097" />
<glyph glyph-name="table" unicode="&#59155;" d="M329.142857 109.714286v109.714285q0 8-5.142857 13.142858t-13.142857 5.142857H128q-8 0-13.142857-5.142857t-5.142857-13.142858v-109.714285q0-8 5.142857-13.142857t13.142857-5.142858h182.857143q8 0 13.142857 5.142858t5.142857 13.142857z m0 219.428571V438.857143q0 8-5.142857 13.142857t-13.142857 5.142857H128q-8 0-13.142857-5.142857t-5.142857-13.142857v-109.714286q0-8 5.142857-13.142857t13.142857-5.142857h182.857143q8 0 13.142857 5.142857t5.142857 13.142857z m292.571429-219.428571v109.714285q0 8-5.142857 13.142858t-13.142858 5.142857H420.571429q-8 0-13.142858-5.142857t-5.142857-13.142858v-109.714285q0-8 5.142857-13.142857t13.142858-5.142858h182.857142q8 0 13.142858 5.142858t5.142857 13.142857zM329.142857 548.571429V658.285714q0 8-5.142857 13.142857t-13.142857 5.142858H128q-8 0-13.142857-5.142858t-5.142857-13.142857v-109.714285q0-8 5.142857-13.142858t13.142857-5.142857h182.857143q8 0 13.142857 5.142857t5.142857 13.142858z m292.571429-219.428572V438.857143q0 8-5.142857 13.142857t-13.142858 5.142857H420.571429q-8 0-13.142858-5.142857t-5.142857-13.142857v-109.714286q0-8 5.142857-13.142857t13.142858-5.142857h182.857142q8 0 13.142858 5.142857t5.142857 13.142857z m292.571428-219.428571v109.714285q0 8-5.142857 13.142858t-13.142857 5.142857h-182.857143q-8 0-13.142857-5.142857t-5.142857-13.142858v-109.714285q0-8 5.142857-13.142857t13.142857-5.142858h182.857143q8 0 13.142857 5.142858t5.142857 13.142857z m-292.571428 438.857143V658.285714q0 8-5.142857 13.142857t-13.142858 5.142858H420.571429q-8 0-13.142858-5.142858t-5.142857-13.142857v-109.714285q0-8 5.142857-13.142858t13.142858-5.142857h182.857142q8 0 13.142858 5.142857t5.142857 13.142858z m292.571428-219.428572V438.857143q0 8-5.142857 13.142857t-13.142857 5.142857h-182.857143q-8 0-13.142857-5.142857t-5.142857-13.142857v-109.714286q0-8 5.142857-13.142857t13.142857-5.142857h182.857143q8 0 13.142857 5.142857t5.142857 13.142857z m0 219.428572V658.285714q0 8-5.142857 13.142857t-13.142857 5.142858h-182.857143q-8 0-13.142857-5.142858t-5.142857-13.142857v-109.714285q0-8 5.142857-13.142858t13.142857-5.142857h182.857143q8 0 13.142857 5.142857t5.142857 13.142858z m73.142857 182.857142v-621.714285q0-37.714286-26.857142-64.571429t-64.571429-26.857143H128q-37.714286 0-64.571429 26.857143T36.571429 109.714286V731.428571q0 37.714286 26.857142 64.571429t64.571429 26.857143h768q37.714286 0 64.571429-26.857143t26.857142-64.571429z" horiz-adv-x="1024" />
<glyph glyph-name="diy-com-textarea" unicode="&#59679;" d="M872.24 326.06399999999996l-164.4-175.392h164.4zM156.848 609.9359999999999h51.408v-282.96H156.848zM930.08 716.832H418.304v-50.304h508.128v-562.032H418.304v-53.328h528.288c17.76 6.624 30.528 23.52 31.248 43.632V670.1759999999999a48.096 48.096 0 0 1-47.76 46.656zM97.664 104.49599999999998V666.528h320.592V716.832H94.016c-26.4 0-47.856-21.696-47.856-48.432v-1.872h0.096v-431.424l-0.096-64.8v-73.68c-0.048-20.208 12.432-38.304 31.344-45.408h340.8v53.328l-320.64-0.048zM872.24 326.06399999999996l-164.4-175.392h164.4zM156.848 609.9359999999999h51.408v-282.96H156.848z" horiz-adv-x="1024" />
<glyph glyph-name="zidingyishuju" unicode="&#58932;" d="M682.28 268.02c0-16.62 13.44-30.06 30.06-30.06h240.6a30.12 30.12 0 0 1 0 60.18h-240.6a30.12 30.12 0 0 1-30.12-30.12zM952.88 170.46000000000004H604.4a30.12 30.12 0 1 1 0-60.18h348.6a30.12 30.12 0 0 1 0 60.18zM952.88 42.17999999999995H484.4a30.12 30.12 0 1 1 0-60.18h468.6a30.12 30.12 0 0 1 0 60.18zM118.22 280.02l44.4-44.4 172.68-172.62 471.06 471c39.84 39.9 36.18 108.42-8.22 152.76l-63.3 63.36c-44.4 44.4-112.92 48.12-152.76 8.28L111.02 287.28 42.08 34.860000000000014a31.68 31.68 0 0 1 38.94-39l252.48 68.82-51.66 51.72-163.98-44.76 44.7 163.98-44.4 44.4zM632 708.42c15.12 15.12 41.16 13.68 57.96-3.12L753.32 642c16.8-16.92 18.24-42.9 3.06-58.02L684.2 511.8 559.76 636.12 632 708.42zM509.9 586.2l124.38-124.38L330.2 157.79999999999995 205.82 282.17999999999995l304.08 304.08z" horiz-adv-x="1024" />
<glyph glyph-name="json" unicode="&#59325;" d="M231.99999969 744h80.00000062v-79.99999969H231.99999969v-200.00000062a79.99999969 79.99999969 0 0 0-79.99999969-79.99999969 79.99999969 79.99999969 0 0 0 79.99999969-79.99999969v-200.00000062h80.00000062v-79.99999969H231.99999969c-42.79999969 10.8-79.99999969 36-79.99999969 79.99999969v160.00000031a79.99999969 79.99999969 0 0 1-79.99999969 79.99999969H32v80.00000062h40.00000031a79.99999969 79.99999969 0 0 1 79.99999969 79.99999969V664.00000031a79.99999969 79.99999969 0 0 0 79.99999969 79.99999969m560.00000062 0a79.99999969 79.99999969 0 0 0 79.99999969-79.99999969v-160.00000031a79.99999969 79.99999969 0 0 1 79.99999969-79.99999969h40.00000031v-80.00000062h-40.00000031a79.99999969 79.99999969 0 0 1-79.99999969-79.99999969v-160.00000031a79.99999969 79.99999969 0 0 0-79.99999969-79.99999969h-80.00000062v79.99999969h80.00000062v200.00000062a79.99999969 79.99999969 0 0 0 79.99999969 79.99999969 79.99999969 79.99999969 0 0 0-79.99999969 79.99999969V664.00000031h-80.00000062V744h80.00000062m-280.00000031-480a40.00000031 40.00000031 0 0 0 40.00000031-40.00000031 40.00000031 40.00000031 0 0 0-40.00000031-39.99999938 40.00000031 40.00000031 0 0 0-40.00000031 39.99999938 40.00000031 40.00000031 0 0 0 40.00000031 40.00000031m-160.00000031 0a40.00000031 40.00000031 0 0 0 40.00000031-40.00000031 40.00000031 40.00000031 0 0 0-40.00000031-39.99999938 40.00000031 40.00000031 0 0 0-39.99999938 39.99999938 40.00000031 40.00000031 0 0 0 39.99999938 40.00000031m320.00000062 0a40.00000031 40.00000031 0 0 0 39.99999938-40.00000031 40.00000031 40.00000031 0 0 0-39.99999938-39.99999938 40.00000031 40.00000031 0 0 0-40.00000031 39.99999938 40.00000031 40.00000031 0 0 0 40.00000031 40.00000031z" horiz-adv-x="1024" />
<glyph glyph-name="jilianxuanze" unicode="&#59029;" d="M128 384v288c0 16 12.8 32 32 32h384c19.2 0 32-12.8 32-32v-288c0-16-12.8-32-32-32h-32v-64h64c35.2 0 64 28.8 64 64v352c0 35.2-28.8 64-64 64h-448c-35.2 0-64-28.8-64-64v-352c0-35.2 28.8-64 64-64h192v64h-160c-16 0-32 12.8-32 32zM896 480h-192v-64h160c19.2 0 32-12.8 32-32v-288c0-16-12.8-32-32-32h-384c-19.2 0-32 12.8-32 32v288c0 16 12.8 32 32 32h32v64h-64c-35.2 0-64-28.8-64-64v-352c0-35.2 28.8-64 64-64h448c35.2 0 64 28.8 64 64v352c0 35.2-28.8 64-64 64z" horiz-adv-x="1024" />
<glyph glyph-name="icon_clone" unicode="&#58886;" d="M992.00149812-96H212.97528125V683.02621687h779.02621688zM272.900375-36.074906250000026h659.17602937V623.1011240600001H272.900375zM153.0501875 82.57677937999995H32.00149813V864h781.42322062V742.95131063h-62.32209656v58.72659187H94.32359562v-656.77902656H153.0501875v-62.32209656z" horiz-adv-x="1025" />
<glyph glyph-name="wenjianshangchuan" unicode="&#58903;" d="M909.01333333-40.10666666999998H101.12c-41.17333333 0-74.66666667 33.49333333-74.66666667 74.66666667V711.89333333c0 41.17333333 33.49333333 74.66666667 74.66666667 74.66666667h350.50666667c41.17333333 0 74.66666667-33.49333333 74.66666666-74.66666667 0-11.73333333-9.6-21.33333333-21.33333333-21.33333333s-21.33333333 9.6-21.33333333 21.33333333c0 17.70666667-14.29333333 32-32 32H101.12c-17.70666667 0-32-14.29333333-32-32v-677.33333333c0-17.70666667 14.29333333-32 32-32h807.89333333c11.73333333 0 21.33333333-9.6 21.33333334-21.33333333s-9.38666667-21.33333333-21.33333334-21.33333334zM909.01333333-40.10666666999998c-11.73333333 0-21.33333333 9.6-21.33333333 21.33333334s9.6 21.33333333 21.33333333 21.33333333c17.70666667 0 32 14.29333333 32 32V473.38666667c0 17.70666667-14.29333333 32-32 32H277.97333333c-17.70666667 0-32-14.29333333-32-32v-286.50666667c0-11.73333333-9.6-21.33333333-21.33333333-21.33333333s-21.33333333 9.6-21.33333333 21.33333333V473.38666667c0 41.17333333 33.49333333 74.66666667 74.66666666 74.66666666h631.04c41.17333333 0 74.66666667-33.49333333 74.66666667-74.66666666v-438.82666667c0-41.17333333-33.49333333-74.66666667-74.66666667-74.66666667zM748.8 615.46666667h-190.08c-41.17333333 0-74.66666667 33.49333333-74.66666667 74.66666666v11.09333334c0 11.73333333 9.6 21.33333333 21.33333334 21.33333333s21.33333333-9.6 21.33333333-21.33333333v-11.09333334c0-17.70666667 14.29333333-32 32-32H748.8c11.73333333 0 21.33333333-9.6 21.33333333-21.33333333s-9.6-21.33333333-21.33333333-21.33333333zM171.52-40.10666666999998h-16.85333333c-11.73333333 0-21.33333333 9.6-21.33333334 21.33333334s9.6 21.33333333 21.33333334 21.33333333h16.85333333c17.70666667 0 32 14.29333333 32 32v179.84c0 11.73333333 9.6 21.33333333 21.33333333 21.33333333s21.33333333-9.6 21.33333334-21.33333333v-179.84c-0.21333333-41.17333333-33.49333333-74.66666667-74.66666667-74.66666667zM838.4 505.17333333c-11.73333333 0-21.33333333 9.6-21.33333333 21.33333334v56.74666666c0 17.70666667-14.29333333 32-32 32h-96.42666667c-11.73333333 0-21.33333333 9.6-21.33333333 21.33333334s9.6 21.33333333 21.33333333 21.33333333H785.06666667c41.17333333 0 74.66666667-33.49333333 74.66666666-74.66666667v-56.74666666c0-11.73333333-9.6-21.33333333-21.33333333-21.33333334zM603.94666667 114.55999999999995c-11.73333333 0-21.33333333 9.6-21.33333334 21.33333333V362.24c0 11.73333333 9.6 21.33333333 21.33333334 21.33333333s21.33333333-9.6 21.33333333-21.33333333v-226.34666667c0-11.73333333-9.6-21.33333333-21.33333333-21.33333333zM695.25333333 249.60000000000002c-5.54666667 0-10.88 2.13333333-15.14666666 6.18666667L588.8 347.09333332999995c-8.32 8.32-8.32 21.76 0 30.08 8.32 8.32 21.76 8.32 30.08 0L710.4 285.86666667c8.32-8.32 8.32-21.76 0-30.08-4.26666667-4.26666667-9.6-6.18666667-15.14666667-6.18666667zM512.42666667 249.60000000000002c-5.54666667 0-10.88 2.13333333-15.14666667 6.18666667-8.32 8.32-8.32 21.76 0 30.08l91.52 91.52c8.32 8.32 21.76 8.32 30.08 0 8.32-8.32 8.32-21.76 0-30.08l-91.52-91.52c-4.05333333-4.26666667-9.38666667-6.18666667-14.93333333-6.18666667z" horiz-adv-x="1024" />
<glyph glyph-name="fengexian" unicode="&#58990;" d="M879.49918815 123.44221391999997l-106.94140207-106.9426157h-60.37564683l167.31826253 167.31826253v-60.37564683z m0-78.59222755v-28.35038815h-28.34917452l28.35038815 28.35038815z m0 217.56010193L633.59112533 16.499598220000053H573.21547852l262.49959348 262.50080711h43.78532978v-16.59031703z m-122.3763437 16.59031703L494.6208237 16.499598220000053h-60.37443318l262.49959348 262.50080711h60.37564682z m-139.02127408 0L355.60319052 16.499598220000053h-60.37443319l262.49959349 262.50080711h60.37564681z m-138.96666074 0L216.63531615 16.499598220000053h-60.37564682l262.50080712 262.50080711h60.37443318z m-138.96787438 0L144.50081185 83.33296829999995v59.79674548l135.87069156 135.87069155h59.85014518z m-138.39018666 0l-57.27725037-57.278464v57.278464h57.278464z m677.72355319 395.69180445L746.30697718 541.49999882h-60.37443318l193.56785778 193.56785777v-60.37564681z m0-78.59222756v-54.5999834h-54.60119703l54.60119703 54.5999834z m-62.160896 155.40041956L607.34031645 541.49999882H546.96466963l210.00040296 210.00040296h60.37443319z m-138.96666075 0L468.37244208 541.49999882h-60.37443319l209.99918933 210.00040296h60.37564681z m-139.07224651 0L329.30019555 541.49999882h-60.3756468l210.00040295 210.00040296h60.37564682z m-138.9156883 0L190.38450725 541.49999882H144.50081185v14.43733807l195.5630649 195.56306489h60.37443317z m-138.96787437 0l-116.91743763-116.91743763v59.79674548l57.12069215 57.12069215h59.85014518zM39.50000355 436.50040415h944.9999929V384H39.50000355v52.50040415z" horiz-adv-x="1024" />
<glyph glyph-name="tupianyulan" unicode="&#59005;" d="M244.85839186 870.4039416h92.28987724c14.45049922 0 24.6618171-7.32121805 31.02058909-19.45880889 6.16545428-11.56039936 5.78019969-23.50743418-0.96244605-34.68257894-7.12928117-11.94427312-17.91917136-17.91779053-32.1777337-17.91779052-47.01210666 0.19331772-94.21615019 0.19331772-141.2296377 0-20.03738117 0-39.1123163-4.04586362-56.45291537-14.25856234-35.83696189-21.38646267-54.7185793-53.17618009-55.2971516-94.7947225-0.57857231-37.57267879-0.19331772-75.1425959-0.19331772-112.71389387 0-7.89979035-0.96244605-15.4143261-5.39494508-22.54360727-8.28504494-13.67999005-24.85513482-20.42263577-40.65333468-16.18345444-15.4143261 4.23918133-26.39615317 18.30304512-26.39615318 34.29456266 0 49.32501504-0.57857231 98.84196695 0.19331772 148.16698202 0.57719146 50.09552421 21.96365413 90.17028659 61.65454274 120.42036648 22.35028956 16.9567253 47.78261584 26.39615317 75.52785051 29.28763385 2.11959067 0.38387374 4.62443591 0.38387374 7.12928116 0.38387376h90.94217662z m534.476534 0h-92.29125808c-14.45049922 0-24.6618171-7.32121805-31.02058909-19.45880889-6.16545428-11.56039936-5.78019969-23.50743418 0.96382689-34.68257894 7.12928117-11.94427312 17.91917136-17.91779053 32.17635285-17.91779052 47.01210666 0.19331772 94.21753104 0.19331772 141.22963771 0 20.03876202 0 39.1123163-4.04586362 56.45291537-14.25856234 35.83834272-21.38646267 54.71996014-53.17618009 55.29853244-94.7947225 0.57719146-37.57267879 0.19331772-75.1425959 0.19331771-112.71389387 0-7.89979035 0.96244605-15.4143261 5.39356426-22.54360727 8.28504494-13.67999005 24.85513482-20.42263577 40.65471551-16.18345444 15.41294526 4.23918133 26.39615317 18.30304512 26.39615317 34.29456266 0 49.32501504 0.57719146 98.84196695-0.19331771 148.16698202-0.57719146 50.09552421-21.96503498 90.17028659-61.65454276 120.42036648-22.35028956 16.9567253-47.78399668 26.39615317-75.52923132 29.28763385-2.50484526 0.19193687-5.00969051 0.38387374-7.32121805 0.38387376h-90.7488589zM244.85839186-102.59725932000003h92.28987724c14.45049922 0 24.6618171 7.32121805 31.02058909 19.46018972 6.16545428 11.56039936 5.78019969 23.50605332-0.96244605 34.68119811-7.12928117 11.94565395-17.91917136 17.91917136-32.1777337 17.91917137-47.01210666-0.19331772-94.21615019-0.19331772-141.2296377 0-20.03738117 0-39.1123163 4.04586362-56.45291537 14.2571815-35.83696189 21.38646267-54.7185793 53.17756094-55.2971516 94.7947225-0.57857231 37.57267879-0.19331772 75.14397676-0.19331772 112.7152747 0 7.8984095-0.96244605 15.41294526-5.39494508 22.54222643-8.28504494 13.67999005-24.85513482 20.42263577-40.65333468 16.18345446-15.4143261-4.23780048-26.39615317-18.30304512-26.39615318-34.29456268 0-49.3236342-0.57857231-98.84058611 0.19331772-148.16560116 0.57719146-50.09552421 21.96365413-90.17166743 61.65454274-120.42174734 22.35028956-16.95534446 47.78261584-26.39615317 75.52785051-29.28625302 2.50484526-0.19331772 5.00969051-0.38525459 7.32121805-0.38525459h90.74885888z m534.476534 0h-92.29125808c-14.45049922 0-24.6618171 7.32121805-31.02058909 19.46018972-6.16545428 11.56039936-5.78019969 23.50605332 0.96382689 34.68119811 7.12928117 11.94565395 17.91917136 17.91917136 32.17635285 17.91917137 47.01210666-0.19331772 94.21753104-0.19331772 141.22963771 0 20.03876202 0 39.1123163 4.04586362 56.45291537 14.2571815 35.83834272 21.38646267 54.71996014 53.17756094 55.29853244 94.7947225 0.57719146 37.57267879 0.19331772 75.14397676 0.19331771 112.7152747 0 7.8984095 0.96244605 15.41294526 5.39356426 22.54222643 8.28504494 13.67999005 24.85513482 20.42263577 40.65471551 16.18345446 15.41294526-4.23780048 26.39615317-18.30304512 26.39615317-34.29456268 0-49.3236342 0.57719146-98.84058611-0.19331771-148.16560116-0.57719146-50.09552421-21.96503498-90.17166743-61.65454276-120.42174734-22.35028956-16.95534446-47.78399668-26.39615317-75.52923132-29.28625302-2.50484526-0.19331772-5.00969051-0.38525459-7.32121805-0.38525459h-90.7488589zM214.60831195 192.38624235999998c5.78019969-14.45049922 17.53391677-22.92886187 31.40584368-22.92886187h528.88965203c9.44080871 0 17.72585364 3.85392674 24.4684994 11.56039937s13.67999005 17.14866218 13.67999002 28.13048924V546.32750463c0 29.28763387-12.13759084 43.93006994-26.01089858 49.71026963-13.8719269 5.97213657-28.514363 1.54101836-38.14987025-11.17514477L564.50371061 339.97465204c-6.74402658-9.05555411-15.60626299-13.67999005-26.01089857-13.67999003s-19.266872 4.62443591-26.01089858 13.67999003l-82.07855938 109.05328485c-6.93734429 9.05555411-15.79958069 13.67860919-26.20421629 13.67860917s-19.266872-4.81637279-26.2042163-13.87192689L219.80993932 234.77391308999995c-9.247491-12.13759084-10.98182707-27.93717153-5.20162737-42.38767073z" horiz-adv-x="1024" />
<glyph glyph-name="time" unicode="&#58880;" d="M512 864C247.32000031 864 32 648.6799996899999 32 384s215.32000031-480 480-480 480 215.32000031 480 480S776.67999969 864 512 864z m0-880.00000031C291.44-16.00000031000002 111.99999969 163.44000000000005 111.99999969 384S291.44 784.00000031 512 784.00000031s400.00000031-179.44000031 400.00000031-400.00000031-179.44000031-400.00000031-400.00000031-400.00000031zM697.92000031 266.35999969L531.99999969 362.32000030999995V624a40.00000031 40.00000031 0 0 1-79.99999969 0v-280.00000031c0-14.83999969 18.43999969-27.28000031 30.43999969-34.15999969 3.31999969-4.99999969 12.43999969-9.52000031 18-12.72l165-100.00000031c19.12000031-11.04 39.84-4.48000031 50.88 14.64s0.76000031 43.56-18.39999938 54.6z" horiz-adv-x="1024" />
<glyph glyph-name="icon-test" unicode="&#58885;" d="M538.241705 33.47251200000005l-199.14943101-102.265924c-102.265924-53.824171-166.854929-5.382417-150.70767699 107.648341l37.676919 220.679099-161.472511 156.09009399c-80.736256 80.736256-53.824171 156.090095 59.206587 172.23734601l220.679099 32.29450199 96.88350699 199.14943101c48.44175299 102.265924 134.56042601 102.265924 183.00218 0l96.88350701-199.14943101 220.679099-32.29450199c113.03075799-16.147251 139.942843-96.883507 59.206588-172.23734601l-161.472512-156.09009399 37.67692-220.679099c21.529668-113.03075799-48.44175299-161.472512-150.70767801-107.648341l-188.38459699 102.265924zM538.241705 33.47251200000005l-199.14943101-102.265924c-102.265924-53.824171-166.854929-5.382417-150.70767699 107.648341l37.676919 220.679099-161.472511 156.09009399c-80.736256 80.736256-53.824171 156.090095 59.206587 172.23734601l220.679099 32.29450199 96.88350699 199.14943101c48.44175299 102.265924 134.56042601 102.265924 183.00218 0l96.88350701-199.14943101 220.679099-32.29450199c113.03075799-16.147251 139.942843-96.883507 59.206588-172.23734601l-161.472512-156.09009399 37.67692-220.679099c21.529668-113.03075799-48.44175299-161.472512-150.70767801-107.648341l-188.38459699 102.265924z" horiz-adv-x="1076" />
<glyph glyph-name="tupian" unicode="&#58974;" d="M900.31129741 802.8292824499999H123.68605267c-48.82480157 0-90.02192732-39.6710619-90.02192733-90.02192732v-657.61471026c0-48.82480157 39.6710619-90.02192732 90.02192733-90.02192732h776.62524474c48.82480157 0 90.02192732 39.6710619 90.02192733 90.02192732V712.80735513c0 50.35086542-39.6710619 90.02192732-90.02192733 90.02192732zM94.6961199 712.80735513c0 16.78406412 13.73193381 30.51599792 30.51599792 30.51599662h776.62524473c16.78406412 0 30.51732224-13.73193381 30.51732224-30.51599662v-352.45738614c-48.82612588 39.6710619-131.21772876 93.07405632-231.9194609 93.07405761-93.07405632 0-183.09465934-71.71179936-271.5905215-140.37279274-67.13492953-53.40299571-137.32066374-108.33073097-186.14546531-108.33073097-68.66099468 0-128.16692407 50.35086542-148.00179158 70.18573421V712.80735513h-0.0013256z m836.13117544-656.0886451c0-16.78406412-13.73193381-30.51599792-30.51599793-30.51599793H123.68605267c-16.78406412 0-30.51599792 13.73193381-30.51599663 30.51599793V198.61756790000004c35.09286775-25.93780247 86.96979833-51.87693057 148.00046727-51.87693056 70.18705853 0 144.94966257 57.97986556 222.76572123 120.53792525 79.34079819 62.55673538 163.25979183 128.16559977 234.97026558 128.16559846 128.16692407 0 230.39472006-112.9076008 231.9194609-114.43499027v-224.29046075h0.00132432zM332.71851578 384.76303193c65.60886438 0 119.0118601 53.40299571 119.01186009 119.01186009s-53.40299571 119.01053578-119.01186009 119.01053579c-65.60754006 0-119.01053578-53.40167011-119.01053579-119.01053579s53.40299571-119.0118601 119.01053579-119.01186009z m0 180.04253032c33.56812692 0 59.5059294-27.46519194 59.50592939-59.5059294 0-33.56680261-27.46386763-59.5059294-59.50592939-59.50593068-33.56680261 0-59.50460508 27.46519194-59.50460509 59.50593068 0 32.04206177 27.46386763 59.5059294 59.50460509 59.5059294z" horiz-adv-x="1024" />
<glyph glyph-name="ad-icon-tooltip" unicode="&#58942;" d="M513.805996-54.556143c-240.197531 0-435.24515 194.74662-435.245149 435.245149S273.307466 815.934156 513.805996 815.934156s435.24515-194.74662 435.24515-435.24515-195.047619-435.24515-435.24515-435.245149z m0 812.096413c-208.291593 0-377.152263-168.86067-377.152263-377.152263s168.86067-377.152263 377.152263-377.152263S890.95826 172.096414 890.95826 380.388007 722.09759 757.54027 513.805996 757.54027zM579.423868 366.542034c-36.119929-21.069959-53.577895-48.460905-52.072898-81.570841v-20.46796h-51.470899s-1.805996 41.537919 6.019988 68.326867c6.621987 21.972957 26.186949 44.848912 52.072898 63.209876 45.450911 30.099941 66.52087 61.102881 63.510876 93.008819-4.514991 45.450911-31.002939 69.530864-79.162845 72.540858-55.985891 1.504997-91.503821-29.497942-106.553792-93.008818l-54.781893 26.186949 9.029982 23.477954c24.982951 64.413874 78.861846 95.717813 161.335685 93.008818 81.570841-4.514991 126.118754-43.945914 133.643739-117.69077 4.514991-46.955908-22.574956-89.396825-81.570841-127.021752zM527.952969 149.521458h-52.072898v58.092887h52.072898V149.521458z" horiz-adv-x="1024" />
<glyph glyph-name="check-box" unicode="&#58894;" d="M740 606L422 288 284 444c-24 24-60 24-84 0-24-24-24-60 0-84l174-198c12-12 30-18 42-18 18 0 30 6 42 18l360 360c24 24 24 60 0 84-18 24-60 24-78 0zM872 864H152C86 864 32 810 32 744v-720c0-66 54-120 120-120h720c66 0 120 54 120 120V744c0 66-54 120-120 120z m60-840c0-36-24-60-60-60H152c-36 0-60 24-60 60V744c0 36 24 60 60 60h720c36 0 60-24 60-60v-720z" horiz-adv-x="1024" />
<glyph glyph-name="switch" unicode="&#58976;" d="M752.2816 634.38506667H271.7184C133.4336 634.38506667 21.33333333 522.28266667 21.33333333 384c0-138.28693333 112.10026667-250.38506667 250.38506667-250.38506667h480.5632C890.5664 133.61493332999999 1002.66666667 245.71306667 1002.66666667 384c0 138.28266667-112.10026667 250.38506667-250.38506667 250.38506667z m0-475.17013334H271.7184C147.77173333 159.21493333 46.93333333 260.05333333 46.93333333 384s100.8384 224.78506667 224.78506667 224.78506667h480.5632C876.22826667 608.78506667 977.06666667 507.94666667 977.06666667 384s-100.8384-224.78506667-224.78506667-224.78506667zM741.67466667 384m-167.03573334 0a167.03573333 167.03573333 0 1 1 334.07146667 0 167.03573333 167.03573333 0 1 1-334.07146667 0Z" horiz-adv-x="1024" />
<glyph glyph-name="pingfen" unicode="&#58944;" d="M765.3632-39.8592c-4.1728 0-8.3712 1.024-12.1856 3.072l-253.1072 136.9344-262.4-135.0144a25.4976 25.4976 0 0 0-27.4432 2.6112 25.5232 25.5232 0 0 0-9.1904 25.984l64.128 275.1232-206.976 192.5888c-7.3216 6.8096-10.0096 17.2288-6.8864 26.7008s11.4688 16.3072 21.376 17.4592l293.2736 34.0224 133.4784 254.5408c4.5312 8.6528 13.3888 14.4128 23.3728 13.696a25.6 25.6 0 0 0 22.6048-14.9504l116.0704-254.5408 290.0736-36.224a25.6 25.6 0 0 0 13.6192-44.7232l-220.4416-191.5648 45.0816-270.9248a25.6 25.6 0 0 0-23.936-34.7392l-0.512-0.0512z m-264.96 194.56c4.1984 0 8.3968-1.024 12.1856-3.072l218.9312-118.4512-39.6544 238.3872a25.6 25.6 0 0 0 8.448 23.5264l187.9808 163.328-247.3472 30.8992a25.5488 25.5488 0 0 0-20.1216 14.7712l-100.3264 220.0064-115.5072-220.2368a25.6 25.6 0 0 0-19.7376-13.5424l-251.6224-29.184 177.2544-164.9152c6.7072-6.2464 9.5744-15.616 7.5008-24.5504l-54.9376-235.6736 225.2032 115.8912a26.112 26.112 0 0 0 11.7504 2.816z" horiz-adv-x="1024" />
<glyph glyph-name="input" unicode="&#59058;" d="M857 684H167c-74.25 0-135-60.75-135-135v-330c0-74.25 60.75-135 135-135h690c74.25 0 135 60.75 135 135V549c0 74.25-60.75 135-135 135z m82.50000001-465c0-21.9375-8.625-42.5625-24.18750001-58.3125-15.75-15.75-36.375-24.1875-58.3125-24.18750001H167c-21.9375 0-42.5625 8.625-58.3125 24.18750001C93.125 176.4375 84.49999999 197.0625 84.49999999 219V549c0 21.9375 8.625 42.5625 24.18750001 58.3125C124.4375 622.875 145.0625 631.50000001 167 631.50000001h690c21.9375 0 42.5625-8.625 58.3125-24.18750001 15.75-15.75 24.1875-36.375 24.18750001-58.3125v-330zM321.6875 255.5625m-27.18749999 0a27.1875 27.1875 0 1 1 54.37499999 0 27.1875 27.1875 0 1 1-54.37499999 0ZM428.5625 255.5625m-27.1875 0a27.1875 27.1875 0 1 1 54.375 0 27.1875 27.1875 0 1 1-54.375 0ZM535.4375 255.5625m-27.1875 0a27.1875 27.1875 0 1 1 54.375 0 27.1875 27.1875 0 1 1-54.375 0ZM176.375 539.625h52.5v-311.25H176.375z" horiz-adv-x="1024" />
<glyph glyph-name="radio-active" unicode="&#58901;" d="M512.03626531 864a479.99298094 479.99298094 0 1 1 479.96373656-479.99298094A479.96373655 479.96373655 0 0 1 512.03626531 864z m0-867.63125344a387.66751687 387.66751687 0 1 0 387.6382725 387.6382725 387.66751687 387.66751687 0 0 0-387.6382725-387.6382725zM512.03626531 384.00701906m-187.54615218 0a187.5461522 187.5461522 0 1 1 375.09230437 0 187.5461522 187.5461522 0 1 1-375.09230438 0Z" horiz-adv-x="1024" />
<glyph glyph-name="color" unicode="&#58927;" d="M272.25960294 585.11056595c0 41.42522469 33.14017975 74.56540445 70.42288198 74.56540444s70.42288197-33.14017975 70.42288197-74.56540444S384.10770961 514.6876839700001 342.68248492 514.6876839700001s-70.42288197 33.14017975-70.42288198 70.42288198zM131.41383899 440.12227953C131.41383899 481.54750422 164.55401872 514.6876839700001 201.83672095 514.6876839700001s70.42288197-33.14017975 70.42288199-74.56540444-33.14017975-70.42288197-70.42288199-70.42288197-70.42288197 33.14017975-70.42288196 70.42288197zM462.81563651 634.82083557c0 41.42522469 33.14017975 74.56540445 70.42288199 74.56540445 37.28270222 0 70.42288197-33.14017975 70.42288196-74.56540443s-33.14017975-70.42288197-70.42288196-70.42288198c-37.28270222 0-70.42288197 33.14017975-70.42288199 70.42288196zM462.81563651 224.71111113999996c0 53.8527921 41.42522469 95.2780168 95.27801679 95.27801681s95.2780168-41.42522469 95.27801679-95.27801681-41.42522469-95.2780168-95.27801679-95.2780168-95.2780168 41.42522469-95.27801679 95.2780168zM508.38338368 754.95398719C272.25960294 754.95398719 81.70356935 593.39561089 81.70356935 390.41200989s190.55603358-360.39945482 426.67981433-360.39945481c66.2803595 0 115.99062914 8.28504494 157.41585383 24.85513481 28.99765728 12.42756741 53.8527921 28.99765728 66.2803595 49.71026964 28.99765728 45.56774717 8.28504494 111.84810667-12.4275674 153.27333136-45.56774717 95.2780168-4.14252247 136.70324148 16.57008987 149.13080889 12.42756741 8.28504494 24.85513482 12.42756741 37.28270222 12.42756741 20.71261235 0 53.8527921-8.28504494 86.99297186-57.99531457 16.57008987-28.99765728 37.28270222-37.28270222 45.56774715-37.28270223 16.57008987 0 28.99765728 28.99765728 28.99765728 74.56540445 0 194.69855605-190.55603358 356.25693235-426.67981431 356.25693235z m0-770.50917926c-124.27567408 0-244.40882569 41.42522469-331.40179754 120.1331516-45.56774717 37.28270222-78.70792691 82.85044939-103.56306173 132.56071902-24.85513482 45.56774717-37.28270222 99.42053925-37.28270221 157.41585382S48.56338961 502.26011655 73.41852441 556.11290866c24.85513482 49.71026963 57.99531457 91.13549431 103.56306172 132.56071901C263.97455799 763.23903212 384.10770961 804.66425682 508.38338368 804.66425682s244.40882569-41.42522469 331.40179754-120.1331516c45.56774717-37.28270222 78.70792691-82.85044939 103.56306172-132.56071902 24.85513482-49.71026963 37.28270222-103.56306173 37.28270221-161.55837629 0-91.13549431-37.28270222-120.13315161-74.56540444-120.13315161-28.99765728 0-62.13783703 20.71261235-86.99297185 57.99531456-16.57008987 24.85513482-33.14017975 37.28270222-45.56774716 37.28270222-4.14252247 0-8.28504494 0-12.42756742-4.14252246-24.85513482-16.57008987-12.42756741-62.13783703 0-82.85044938 37.28270222-78.70792691 41.42522469-149.13080889 8.28504496-202.98360098-37.28270222-62.13783703-124.27567408-91.13549431-260.97891556-91.13549431z" horiz-adv-x="1024" />
<glyph glyph-name="slider" unicode="&#58893;" d="M954.73208889 826.73208889h-862.16248889c-23.30168889 0-38.83614777-15.53445888-38.83614777-38.83614777v-7.76723001c0-23.30168889 15.53445888-38.83614777 38.83614777-38.83614777h862.16248889c7.76723001 0 15.53445888 0 23.30168889 7.76722887s7.76723001 15.53445888 7.76723001 23.30168889v7.76723001c0 31.0689189-15.53445888 46.60337778-31.0689189 46.60337778zM799.38749667 865.56823666h-77.67229667c-23.30168889 0-38.83614777-15.53445888-38.83614777-38.83614777v-77.67229668c0-23.30168889 15.53445888-38.83614777 38.83614777-38.83614776h77.67229667c23.30168889 0 38.83614777 15.53445888 38.83614778 38.83614776v77.67229668c0 23.30168889-15.53445888 38.83614777-38.83614778 38.83614777zM954.73208889 477.20675555h-862.16248889c-23.30168889 0-38.83614777-15.53445888-38.83614777-38.83614776v-7.76723001c0-23.30168889 15.53445888-38.83614777 38.83614777-38.83614777h862.16248889c23.30168889 0 38.83614777 15.53445888 38.83614777 38.83614777v7.76723001c-7.76723001 23.30168889-23.30168889 38.83614777-38.83614777 38.83614776zM558.60337778 516.04290333h-77.67229668c-23.30168889 0-38.83614777-15.53445888-38.83614777-38.83614778v-77.67229667c0-23.30168889 15.53445888-38.83614777 38.83614777-38.83614777h77.67229668c23.30168889 0 38.83614777 15.53445888 38.83614777 38.83614777v77.67229667c0 23.30168889-15.53445888 38.83614777-38.83614777 38.83614778zM954.73208889 127.68142221999994h-862.16248889c-7.76723001 0-15.53445888 0-23.30168889-7.76723001-7.76723001-7.76723001-7.76723001-15.53445888-7.76723001-23.30168888v-7.76722888c0-23.30168889 15.53445888-38.83614777 38.83614891-38.8361489h862.16248889c23.30168889 0 38.83614777 15.53445888 38.83614777 38.8361489v7.76722888c-15.53445888 15.53445888-31.0689189 31.0689189-46.60337778 31.06891889zM333.3537189 166.51756998999997h-77.67229668c-23.30168889 0-38.83614777-15.53445888-38.83614777-38.83614777v-77.67229667c0-23.30168889 15.53445888-38.83614777 38.83614777-38.83614777h77.67229668c23.30168889 0 38.83614777 15.53445888 38.83614777 38.83614777v77.67229667c0 23.30168889-15.53445888 38.83614777-38.83614777 38.83614777z" horiz-adv-x="1024" />
<glyph glyph-name="icon_bars" unicode="&#59332;" d="M40.67299953 413.45793709l942.65400094 0 0-58.91587418-942.65400094 0 0 58.91587418ZM40.67299953 118.87856196999996l942.65400094 0 0-58.91587557-942.65400094 0 0 58.91587557ZM40.67299953 708.0373136000001l942.65400094 0 0-58.91587557-942.65400094 0 0 58.91587557Z" horiz-adv-x="1024" />
<glyph glyph-name="fuwenbenkuang" unicode="&#59010;" d="M198.73792 601.890816h93.74378667v-218.73186133h-31.24974934v-31.244288H386.22549333v31.244288h-31.24974933V601.890816h93.73832533v-31.244288h31.24974934V664.3848533299999H167.48817067v-93.73832533h31.24974933zM542.46331733 539.39677867h312.475648v-62.49403734h-312.475648zM542.46331733 414.408704h312.475648v-62.49403733h-312.475648zM167.48817067 289.415168h687.45079466v-62.49403733H167.493632v62.49403733zM167.48817067 164.42709333000005h687.45079466v-62.49403733H167.493632v62.49403733zM542.46331733 664.3848533299999h312.475648v-62.49403733h-312.475648zM30.982144 862.60394667v-958.889984h960.462848V862.60394667H30.982144zM927.06133333-31.94606933H96.93866667V796.696576h830.12266666v-828.64264533z" horiz-adv-x="1024" />
<glyph glyph-name="date" unicode="&#59039;" d="M205 344h120c13.30000001 0 24 10.70000001 24 24s-10.70000001 24-24 24H205c-13.30000001 0-24-10.70000001-24-24s10.70000001-24 24-24zM453 344h120c13.30000001 0 24 10.70000001 24 24s-10.70000001 24-24 24H453c-13.30000001 0-24-10.70000001-24-24s10.70000001-24 24-24zM701 344h120c13.30000001 0 24 10.70000001 24 24s-10.70000001 24-24 24H701c-13.30000001 0-24-10.70000001-24-24s10.70000001-24 24-24zM205 209h120c13.30000001 0 24 10.70000001 24 24s-10.70000001 24-24 24H205c-13.30000001 0-24-10.70000001-24-24s10.70000001-24 24-24zM453 209h120c13.30000001 0 24 10.70000001 24 24s-10.70000001 24-24 24H453c-13.30000001 0-24-10.70000001-24-24s10.70000001-24 24-24zM701 209h120c13.30000001 0 24 10.70000001 24 24s-10.70000001 24-24 24H701c-13.30000001 0-24-10.70000001-24-24s10.70000001-24 24-24zM205 73h120c13.30000001 0 24 10.70000001 24 24s-10.70000001 24-24 24H205c-13.30000001 0-24-10.70000001-24-24s10.70000001-24 24-24zM453 73h120c13.30000001 0 24 10.70000001 24 24s-10.70000001 24-24 24H453c-13.30000001 0-24-10.70000001-24-24s10.70000001-24 24-24zM701 73h120c13.30000001 0 24 10.70000001 24 24s-10.70000001 24-24 24H701c-13.30000001 0-24-10.70000001-24-24s10.70000001-24 24-24zM870 780H745V832c0 13.30000001-10.70000001 24-24 24s-24-10.70000001-24-24v-52H327V832c0 13.30000001-10.70000001 24-24 24s-24-10.70000001-24-24v-52H154c-51.90000001 0-94-42.10000001-94-94v-692c0-51.90000001 42.10000001-94 94-94h716c51.90000001 0 94 42.10000001 94 94V686c0 51.90000001-42.10000001 94-94 94z m46-786c0-25.4-20.6-46-46-46H154c-25.4 0-46 20.6-46 46V509h808v-515z m0 563H108V686c0 25.4 20.6 46 46 46h125v-68c0-13.30000001 10.70000001-24 24-24s24 10.70000001 24 24v68h370v-68c0-13.30000001 10.70000001-24 24-24s24 10.70000001 24 24v68h125c25.4 0 46-20.6 46-46v-129z" horiz-adv-x="1024" />
<glyph glyph-name="ic" unicode="&#58913;" d="M872-95.94000000999995H152a120 120 0 0 0-120 120.00000002v720a120 120 0 0 0 120 120h720a120 120 0 0 0 120-120v-720a120 120 0 0 0-120-120zM812 84H212v-60h600v60zM464.29999999 264L332 396.36 559.70000001 624 692 491.70000001 464.29999999 264zM212 144.05999999000005L262.88 324 392 194.88l-180-50.82000001zM572 631.44l87.72 87.72c24.18000001 24.24 62.88 24.90000001 86.34000001 1.38000001l42.47999998-42.48c23.46000001-23.46000001 22.86000001-62.10000001-1.37999999-86.34000001L699.44 504" horiz-adv-x="1024" />
<glyph glyph-name="trash" unicode="&#58895;" d="M828.6464 613.89531401h-1.404343c-19.518171 0-35.338971-15.8208-35.33897099-35.33531401v-493.897143a35.254857 35.254857 0 0 1 1.69691399-10.821486l0.117029-51.671771c0-30.679771-13.31931401-47.09668599-45.696-47.09668601l-469.6832 1.2032c-32.35108601 0-46.588343 14.01051401-46.58834299 44.68662901V563.624229h-0.27428601V578.56c0 19.51451399-15.8208 35.33531399-35.33531399 35.33531399h-1.40434301c-19.51451399 0-35.33531399-15.8208-35.335314-35.33531399v-14.939429h-0.424229V20.73599999999999c0-61.520457 52.618971-111.5392 117.295543-111.5392h468.970057c64.67291401 0 117.31748601 50.0224 117.31748601 111.5392v53.994057a35.364571 35.364571 0 0 1 1.42628499 9.929143V578.56c-0.003657 19.51451399-15.824457 35.33531399-35.338971 35.33531399z m0 0M388.476343 83.78148598999996V454.11108601c0 19.024457-15.422171 34.453943-34.450286 34.45394299-19.024457 0-34.446629-15.422171-34.446628-34.45394299V83.78514299999995a34.45028599 34.45028599 0 0 1 68.896914-0.00365701z m154.59474299 2e-8V454.11108601c0 19.024457-15.422171 34.453943-34.45028599 34.45394299-19.024457 0-34.446629-15.422171-34.446629-34.45394299V83.78514299999995a34.45028599 34.45028599 0 0 1 68.89691499-0.00365701z m154.5984 0V454.11108601c0 19.024457-15.422171 34.453943-34.45028599 34.45394299-19.024457 0-34.446629-15.422171-34.446629-34.45394299V83.78514299999995a34.45028599 34.45028599 0 0 1 68.89691499-0.00365701z m224.35108501 637.98125699h-198.048914V789.504c1.19588599 56.279771-47.535543 69.847771-96.17554301 69.847771h-234.04251399c-60.405029 0-94.858971-21.617371-94.858971-67.90948501l-0.248686-69.67954299h-198.144c-19.51451399 0-35.33531399-15.8208-35.335314-35.335314v-1.76274301c0-19.51451399 15.8208-35.33531399 35.335314-35.33531499h821.51497099c19.521829 0 35.342629 15.8208 35.34262901 35.33531499v1.76274301c0 19.51451399-15.8208 35.33531399-35.34262901 35.335314h0.00365701zM364.181943 768.4864c0 15.484343 11.483429 28.990171 27.794286 28.990171l234.532571-1.20685699c16.2816 0 30.632229-11.12868601 30.632229-26.61668501l0.190171-47.890286H364.181943V768.4864z m0 0" horiz-adv-x="1024" />
<glyph glyph-name="grid-" unicode="&#59053;" d="M422 819H92a15 15 0 0 1-15-15v-330a15 15 0 0 1 15-15h330a15 15 0 0 1 15 15V804a15 15 0 0 1-15 15zM932 819H602a15 15 0 0 1-15-15v-330a15 15 0 0 1 15-15h330a15 15 0 0 1 15 15V804a15 15 0 0 1-15 15zM422 309H92a15 15 0 0 1-15-15v-330a15 15 0 0 1 15-15h330a15 15 0 0 1 15 15V294a15 15 0 0 1-15 15zM932 309H602a15 15 0 0 1-15-15v-330a15 15 0 0 1 15-15h330a15 15 0 0 1 15 15V294a15 15 0 0 1-15 15z" horiz-adv-x="1024" />
<glyph glyph-name="drag" unicode="&#59458;" d="M994.17505185 390.91768889L839.31591111 513.13019259c-5.70405925 4.49042963-14.19946667 0.48545185-14.19946666-6.91768889V427.69066667H555.69066667V697.11644445h78.6432c7.28177778 0 11.40811852 8.49540741 6.91768888 14.19946666L518.91768889 866.17505185c-3.51952592 4.49042963-10.31585185 4.49042963-13.71401481 0L382.86980741 711.31591111c-4.49042963-5.70405925-0.48545185-14.19946667 6.91768889-14.19946666H468.30933333v-269.42577778H198.88355555v78.6432c0 7.28177778-8.49540741 11.40811852-14.19946666 6.91768888L29.82494815 390.91768889c-4.49042963-3.51952592-4.49042963-10.31585185 0-13.71401481l154.73777777-122.33386667c5.70405925-4.49042963 14.19946667-0.48545185 14.19946667 6.91768889V340.30933332999996h269.42577778v-269.42577778h-78.6432c-7.28177778 0-11.40811852-8.49540741-6.91768889-14.19946666l122.33386667-154.73777778c3.51952592-4.49042963 10.31585185-4.49042963 13.71401482 0l122.33386666 154.73777778c4.49042963 5.70405925 0.48545185 14.19946667-6.91768888 14.19946666H555.69066667V340.30933332999996h269.42577778v-78.6432c0-7.28177778 8.49540741-11.40811852 14.19946666-6.91768888l154.73777778 122.33386666c4.49042963 3.51952592 4.49042963 10.31585185 0.12136296 13.83537778z" horiz-adv-x="1024" />
<glyph glyph-name="shangchuan" unicode="&#58949;" d="M909.94133333 461.94133333a259.85066667 259.85066667 0 0 1-140.32 72.98133334 261.41866667 261.41866667 0 0 1-515.2 0 259.85066667 259.85066667 0 0 1-140.32-72.98133334C64.576 412.45866667 37.33333333 346.90133333000006 37.33333333 277.33333332999996s27.24266667-135.12533333 76.72533334-184.608S229.09866667 16 298.66666667 16h218.35733333a48 48 0 0 1 48 48V246.784L603.73333333 208a48 48 0 0 1 67.88266667 67.88266667L550.95466667 396.608l-0.096 0.096c-0.53333333 0.52266667-1.06666667 1.06666667-1.61066667 1.536l-0.896 0.77866667-0.88533333 0.75733333c-0.37333333 0.30933333-0.75733333 0.59733333-1.14133334 0.896l-0.69333333 0.53333333c-0.416 0.30933333-0.84266667 0.608-1.26933333 0.90666667l-0.62933334 0.43733333c-0.448 0.29866667-0.88533333 0.576-1.33333333 0.85333334-0.21333333 0.13866667-0.42666667 0.27733333-0.65066667 0.40533333-0.43733333 0.26666667-0.87466667 0.512-1.32266666 0.75733333l-0.72533334 0.416c-0.42666667 0.224-0.84266667 0.43733333-1.26933333 0.64l-0.85333333 0.42666667-1.17333334 0.53333333-1.06666666 0.43733334-1.06666667 0.40533333q-0.59733333 0.24533333-1.184 0.448c-0.30933333 0.11733333-0.608 0.21333333-0.91733333 0.30933333l-1.344 0.43733334-0.81066667 0.23466666-1.46133333 0.39466667-0.75733334 0.17066667-1.536 0.34133333-0.75733333 0.128c-0.512 0.096-1.06666667 0.192-1.54666667 0.26666667l-0.864 0.10666666c-0.48 0.064-0.96 0.128-1.44 0.17066667s-0.768 0.064-1.16266666 0.08533333-0.77866667 0.07466667-1.184 0.08533334c-0.72533333 0-1.45066667 0.05333333-2.13333334 0.064h-0.36266666c-0.72533333 0-1.45066667 0-2.13333334-0.064-0.40533333 0-0.8-0.05333333-1.19466666-0.08533334s-0.768 0-1.152-0.08533333-0.96-0.10666667-1.44-0.17066667l-0.864-0.10666666c-0.52266667-0.07466667-1.06666667-0.17066667-1.54666667-0.26666667l-0.75733333-0.128-1.54666667-0.34133333-0.736-0.17066667-1.48266667-0.40533333c-0.26666667-0.07466667-0.53333333-0.13866667-0.8-0.224l-1.35466666-0.43733334-0.896-0.29866666-1.20533334-0.45866667-1.06666666-0.40533333c-0.352-0.13866667-0.69333333-0.29866667-1.06666667-0.448l-1.152-0.52266667-0.87466667-0.42666667-1.248-0.64-0.74666666-0.416c-0.43733333-0.24533333-0.87466667-0.49066667-1.312-0.75733333-0.224-0.128-0.43733333-0.27733333-0.66133334-0.416-0.43733333-0.27733333-0.88533333-0.544-1.312-0.84266667-0.224-0.13866667-0.43733333-0.29866667-0.65066666-0.448-0.416-0.288-0.84266667-0.58666667-1.25866667-0.896l-0.704-0.544-1.13066667-0.88533333-0.90666666-0.77866667c-0.288-0.256-0.58666667-0.50133333-0.864-0.75733333-0.56533333-0.50133333-1.06666667-1.06666667-1.64266667-1.55733333l-0.08533333-0.07466667-0.096-0.10666667c-0.52266667-0.52266667-1.06666667-1.06666667-1.536-1.61066666l-0.768-0.896c-0.256-0.288-0.512-0.576-0.75733334-0.87466667l-0.39466666-0.49066667-117.06666667-117.13066666a48 48 0 0 1 67.88266667-67.88266667L469.024 246.39999999999998v-134.4H298.66666667c-91.168 0-165.33333333 74.16533333-165.33333334 165.33333333s74.16533333 165.33333333 165.33333334 165.33333334h48v48c0 91.168 74.16533333 165.33333333 165.33333333 165.33333333s165.33333333-74.16533333 165.33333333-165.33333333v-48h48c91.168 0 165.33333333-74.16533333 165.33333334-165.33333334s-74.16533333-165.33333333-165.33333334-165.33333333a48 48 0 0 1 0-96c69.568 0 135.136 27.25333333 184.608 76.72533333S986.66666667 207.76533332999998 986.66666667 277.33333332999996s-27.24266667 135.12533333-76.72533334 184.608z" horiz-adv-x="1024" />
<glyph glyph-name="zhage" unicode="&#58943;" d="M1127.43971643 712.12081484h-188.32952032V55.84151797000004h188.33705393c12.99525705 0 24.06194218 4.59542422 33.29799058 13.73353746 9.19084844 9.19084844 13.80133905 20.20479924 13.80133987 33.14732192V665.23995547c0 12.93498907-4.61049143 23.98660703-13.79380627 33.14732108-9.24358282 9.16824765-20.31026798 13.76367188-33.30552418 13.76367188v-0.03013357z m-282.50558047 0.03013359h-282.50558048v-656.27176329h282.50558048V712.15848203zM468.26002893 55.87918516000002V712.15848203h-188.33705392c-12.99525705 0-24.06194218-4.59542422-33.29799062-13.77120548-9.17578125-9.15318045-13.80133905-20.20479924-13.80133905-33.14732108v-562.50251092c0-12.94252267 4.6255578-23.95647344 13.79380547-33.1473219 9.24358282-9.13811408 20.31026798-13.7335383 33.3055242-13.73353748h188.33705392v0.03013358zM279.91544222 805.875h847.53180782c38.95563593 0 72.26116095-13.7335383 99.85630544-41.20814767C1254.8987008 737.19977655 1268.69250626 704.05245547 1268.69250626 665.23995547v-562.51004452c0-38.78236642-13.79380545-71.95982107-41.38895078-99.41183048-27.59514532-27.45954217-60.90066954-41.19308047-99.85630544-41.19308047H279.91544222c-38.95563593 0-72.27622734 13.7335383-99.85630625 41.19308047C152.46399062 30.77008903000001 138.67018517 63.94754452999996 138.67018517 102.72991094999998V665.23995547C138.67018517 704.05245547 152.46399062 737.19977655 180.05913597 764.66685232 207.63168048 792.1414617 240.95980547 805.875 279.92297501 805.875z" horiz-adv-x="1371" />
<glyph glyph-name="number" unicode="&#59243;" d="M63.39047573-6.095238399999971h897.21904854c11.7028576 0 19.5047616-7.80190507 19.5047616-19.5047616v-39.00952427c0-11.7028576-7.80190507-19.5047616-19.5047616-19.5047616h-897.21904854c-11.7028576 0-19.5047616 7.80190507-19.5047616 19.5047616v39.00952427c0 11.7028576 7.80190507 19.5047616 19.5047616 19.5047616zM145.31047573 660.9676192L43.88571413 586.8495242700001V692.1752384l101.4247616 74.11809493h101.42476267v-709.97333333H145.31047573V660.9676192z m163.84-507.12381013l183.34476267 347.18476266c7.80190507 15.60380907 15.60380907 31.2076192 15.60380907 46.81142827 0 11.7028576 3.90095253 27.30666667 3.90095253 46.81142827v27.30666666c0 7.80190507-3.90095253 19.5047616-3.90095253 27.30666667s-7.80190507 11.7028576-15.60380907 19.50476267-19.5047616 3.90095253-31.2076192 3.90095146c-15.60380907 0-27.30666667-3.90095253-35.10857173-11.70285653s-11.7028576-19.5047616-11.70285654-39.00952427v-58.51428586H309.15047573V618.0571424c0 19.5047616 3.90095253 42.91047573 11.7028576 58.51428587 7.80190507 19.5047616 19.5047616 39.00952427 31.2076192 50.7123808 11.7028576 15.60380907 31.2076192 23.40571413 46.81142827 35.10857173 19.5047616 7.80190507 39.00952427 11.7028576 58.51428587 11.7028576 27.30666667 0 50.7123808-3.90095253 66.31619093-15.60381013 19.5047616-7.80190507 35.10857173-23.40571413 46.81142827-39.0095232s19.5047616-35.10857173 27.30666666-58.51428587c3.90095253-19.5047616 7.80190507-42.91047573 7.80190507-66.31619093v-42.91047574c0-11.7028576-3.90095253-23.40571413-3.90095253-35.10857173-3.90095253-11.7028576-3.90095253-19.5047616-11.7028576-31.2076192-3.90095253-11.7028576-11.7028576-23.40571413-19.5047616-39.0095232l-148.23619094-288.6704768h183.34476267v-101.4247616H309.15047573v97.52380907z m487.61904854 315.97714346c31.2076192 0 50.7123808 3.90095253 62.41523733 11.70285654 11.7028576 7.80190507 15.60380907 23.40571413 15.60381013 50.71238186V621.95809493c0 15.60380907-3.90095253 27.30666667-11.7028576 35.10857174s-19.5047616 15.60380907-35.10857173 15.60380906c-19.5047616 0-31.2076192-3.90095253-39.0095232-15.60380906-7.80190507-11.7028576-11.7028576-23.40571413-11.7028576-31.2076192v-58.51428587h-101.4247616V621.95809493c0 19.5047616 3.90095253 39.00952427 11.7028576 58.51428587s19.5047616 35.10857173 31.20761813 46.81142827 31.2076192 23.40571413 46.81142934 31.2076192c19.5047616 7.80190507 39.00952427 11.7028576 58.51428586 11.7028576 27.30666667 0 50.7123808-3.90095253 70.2171424-15.60381014 23.40571413-7.80190507 39.00952427-19.5047616 46.81142827-31.20761813 7.80190507-7.80190507 11.7028576-15.60380907 15.60381013-23.4057152 3.90095253-7.80190507 7.80190507-19.5047616 11.70285654-27.30666667s3.90095253-23.40571413 7.80190506-39.0095232c3.90095253-19.5047616 3.90095253-39.00952427 3.90095254-58.51428586v-58.51428587c0-15.60380907-3.90095253-27.30666667-7.80190507-39.0095232-3.90095253-11.7028576-11.7028576-19.5047616-19.5047616-27.30666667s-19.5047616-15.60380907-35.10857173-23.4057152c15.60380907-11.7028576 27.30666667-19.5047616 35.10857173-27.30666666s15.60380907-19.5047616 19.5047616-31.20761814 7.80190507-27.30666667 7.80190507-42.9104768v-120.9295232c0-15.60380907-3.90095253-27.30666667-3.90095254-39.00952426s-3.90095253-19.5047616-7.80190506-27.30666667l-11.70285654-23.40571413c-11.7028576-19.5047616-27.30666667-35.10857173-46.81142933-46.81142827-19.5047616-11.7028576-46.81142827-19.5047616-78.01904747-19.50476267-15.60380907 0-31.2076192 3.90095253-50.7123808 7.80190507s-35.10857173 15.60380907-46.81142826 27.30666667c-15.60380907 11.7028576-27.30666667 27.30666667-35.10857174 46.81142826-7.80190507 19.5047616-15.60380907 42.91047573-15.60380906 70.21714347v58.51428587H785.06666667v-54.61333334c0-15.60380907 3.90095253-27.30666667 11.7028576-39.00952426 7.80190507-11.7028576 19.5047616-15.60380907 35.10857066-15.60380907s27.30666667 3.90095253 35.10857174 15.60380907 11.7028576 23.40571413 11.7028576 42.91047573v101.42476267c0 15.60380907 0 23.40571413-3.90095254 35.10857066s-7.80190507 15.60380907-11.7028576 19.50476267l-23.40571413 11.70285653c-11.7028576 0-23.40571413 3.90095253-39.00952427 3.90095254v89.72190506z" horiz-adv-x="1024" />
<glyph glyph-name="yulan" unicode="&#58984;" d="M608-96H152c-66.24 0-120 53.76-120 120V744C32 810.24 85.76 864 152 864h576c66.24 0 120-53.76 120-120v-216c0-13.44-10.56-24-24-24s-24 10.56-24 24V744c0 39.84-32.16 72-72 72H152c-39.84 0-72-32.16-72-72v-720c0-39.84 32.16-72 72-72h456c13.44 0 24-10.56 24-24s-10.56-24-24-24zM680 624H200c-13.44 0-24 10.56-24 24s10.56 24 24 24h480c13.44 0 24-10.56 24-24s-10.56-24-24-24zM392 447.84H200c-13.44 0-24 10.56-24 24s10.56 24 24 24h192c13.44 0 24-10.56 24-24s-10.56-24-24-24zM296 272.15999999999997H200c-13.44 0-24 10.56-24 24s10.56 24 24 24h96c13.44 0 24-10.56 24-24s-10.56-24-24-24zM344 96H200c-13.44 0-24 10.56-24 24s10.56 24 24 24h144c13.44 0 24-10.56 24-24s-10.56-24-24-24zM632 24c-132.48 0-240 107.52-240 240s107.52 240 240 240 240-107.52 240-240-107.52-240-240-240z m0 432c-106.08 0-192-85.92-192-192s85.92-192 192-192 192 85.92 192 192-85.92 192-192 192zM968-96c-6.24 0-12.48 2.4-16.8 7.2l-177.6 177.6c-9.6 9.6-9.6 24.48 0 34.08s24.48 9.6 34.08 0l177.6-177.6c9.6-9.6 9.6-24.48 0-34.08-4.8-4.8-11.04-7.2-17.28-7.2z" horiz-adv-x="1024" />
<glyph glyph-name="select" unicode="&#59680;" d="M35.2-92.79999999999995V860.8H992V-96c-3.2 3.2-956.8 3.2-956.8 3.2zM921.6 793.6H102.4v-816h819.2V793.6zM512 169.60000000000002l-291.2 294.4L288 531.2l224-227.2 227.2 227.2 67.2-67.2z" horiz-adv-x="1024" />
<glyph glyph-name="wenzishezhi-" unicode="&#59004;" d="M882.688-39.70844445c-20.48 0-40.04977778 12.06044445-48.69688889 32.08533334l-0.11377778 0.11377778-115.48444444 269.08444444H310.04444445L189.66755555-8.305777779999971c-11.94666667-26.73777778-43.23555555-38.68444445-69.97333333-26.73777777s-38.68444445 43.23555555-26.73777777 69.97333333l328.81777777 736.82488889c11.49155555 25.82755555 32.42666667 45.62488889 58.82311111 55.75111111 26.39644445 10.12622222 55.18222222 9.32977778 81.00977778-2.16177778 24.34844445-10.92266667 43.69066667-30.37866667 54.15822222-54.95466667l315.61955556-736.14222222c11.49155555-26.85155555-0.91022222-58.02666667-27.76177778-69.51822222-6.82666667-2.95822222-13.88088889-4.43733333-20.93511111-4.43733334zM357.376 367.50222222h315.96088889l-154.73777778 361.01688889-161.22311111-361.01688889z" horiz-adv-x="1024" />
<glyph glyph-name="pingfen1" unicode="&#58977;" d="M991.14097778 438.37060779c34.4670811 33.49617778 15.53445888 92.23585223-32.03982223 99.51762887l-234.47324444 33.98163001c-18.93262222 2.91271111-35.43798557 14.56355555-43.69066666 32.03982222L575.59419221 816.05214777c-21.3598811 43.20521443-83.01226667 43.20521443-104.37214776 0L366.36444445 603.42423666c-8.2526811-16.99081443-24.75804445-29.12711111-43.69066667-32.03982223l-234.47324445-33.98162886c-47.5742811-6.79632555-66.99235555-65.536-32.03982222-99.51763002l169.90814777-165.5390811c13.59265223-13.59265223 19.90352555-32.52527445 16.50536334-51.45789667l-40.29250332-233.50234112c-8.2526811-47.5742811 41.74885888-83.98316999 84.46862222-61.16693333l209.7152 110.19757112c16.99081443 8.73813333 37.37979221 8.73813333 54.37060665 0l209.7152-110.19757112c42.71976334-22.33078557 92.72130333 13.59265223 84.46862222 61.16693333l-40.29250332 233.50234112c-3.39816334 18.93262222 2.91271111 38.35069667 16.50536334 51.45789667l169.90814777 166.02453334z m-223.79330333-109.7121189c-32.03982222-31.0689189-46.60337778-76.21594112-39.3216-120.39205888l33.49617778-194.66619335-174.76266666 91.7504c-19.41807445 10.19448889-41.26340779 15.53445888-63.10874112 15.53446001s-43.69066667-5.33996999-63.10874112-15.53446001l-174.76266667-91.7504 33.49617777 194.66619335c7.76723001 44.1761189-7.28177778 88.83768889-38.83614776 120.39205888L138.20207445 466.52681443l195.63709554 28.64166002c44.1761189 6.31087445 82.52681443 34.4670811 102.43034112 74.27413334l87.38133334 177.18992554 87.38133333-177.18992554c19.90352555-40.29250333 58.25422222-67.96325888 102.43034112-74.27413334l195.63709553-28.64166002-141.75193998-137.86832554zM591.12865223 198.55739221h-135.9265189c-21.3598811 0-38.83614777 17.47626667-38.83614776 38.83614891s17.47626667 38.83614777 38.83614776 38.83614777h135.9265189c21.3598811 0 38.83614777-17.47626667 38.83614777-38.83614777s-17.47626667-38.83614777-38.83614777-38.83614891z" horiz-adv-x="1024" />
<glyph glyph-name="RectangleCopy" unicode="&#58912;" d="M74.54962725 755.17001324v-742.34002648h861.64467358V755.17001324H74.54962725z m0 53.02428759h861.64467358a53.02428761 53.02428761 0 0 0 53.02428762-53.02428759v-742.34002648a53.02428761 53.02428761 0 0 0-53.02428762-53.02428759H74.54962725a53.02428761 53.02428761 0 0 0-53.0242876 53.02428759V755.17001324a53.02428761 53.02428761 0 0 0 53.0242876 53.02428759zM495.42991013 794.93822894h39.7682157v-821.87645788h-39.7682157z" horiz-adv-x="1024" />
<glyph glyph-name="sync1" unicode="&#58929;" d="M881.87 870.852l7.932-165.532C798.832 812.192 663.348 880 512 880 269.626 880 67.866 706.152 24.592 476.352 21.816 461.614 33.208 448 48.206 448h98.168c11.14 0 20.754 7.684 23.352 18.518C206.814 621.184 345.862 736 512 736c121.786 0 229.024-61.712 292.208-155.602l-203.06 9.73c-13.69 0.656-25.148-10.266-25.148-23.972v-94.822c0-13.254 10.746-24 24-24h400.666c13.254 0 24 10.746 24 24V872c0 13.254-10.746 24-24 24h-94.822c-13.706 0-24.63-11.458-23.974-25.148zM512 32c-121.79 0-229.034 61.716-292.218 155.61l203.736-9.742c13.69-0.654 25.146 10.268 25.146 23.972v94.824c0 13.254-10.746 24-24 24H24c-13.254 0-24-10.746-24-24V-104c0-13.254 10.746-24 24-24h94.77c13.726 0 24.656 11.49 23.97 25.198l-8.258 165.15C225.45-44.332 360.81-112 512-112c242.374 0 444.134 173.848 487.408 403.648 2.776 14.738-8.616 28.352-23.614 28.352h-98.168c-11.14 0-20.754-7.684-23.352-18.518C817.186 146.816 678.138 32 512 32z" horiz-adv-x="1024" />
<glyph glyph-name="tabs" unicode="&#58975;" d="M900.3614811 772.3614811H123.6385189a97.09036999 97.09036999 0 0 1-97.09037113-97.09036999v-582.54222222a97.09036999 97.09036999 0 0 1 97.09037113-97.09036999h776.7229622a97.09036999 97.09036999 0 0 1 97.09037113 97.09036999V675.27111111a97.09036999 97.09036999 0 0 1-97.09037113 97.09036999z m0-679.63259221H123.6385189V626.72592555a48.54518557 48.54518557 0 0 0 48.54518443 48.54518556h242.72592668a48.54518557 48.54518557 0 0 0 48.54518442-48.54518556v-97.09037a48.54518557 48.54518557 0 0 1 48.54518557-48.54518556h388.3614811z m0 485.45185223h-339.81629553V626.72592555a48.54518557 48.54518557 0 0 0 48.54518442 48.54518556h242.72592668a48.54518557 48.54518557 0 0 0 48.54518443-48.54518556z" horiz-adv-x="1024" />
</font>
</defs></svg>
src/components/VueFormMaking/index.js 0 → 100644
import VueI18n from 'vue-i18n'
import 'normalize.css/normalize.css'
import MakingForm from './components/Container.vue'
import GenerateForm from './components/GenerateForm.vue'
import enUS from './lang/en-US'
import zhCN from './lang/zh-CN'
import './iconfont/iconfont.css'
import './styles/cover.scss'
import './styles/index.scss'
const loadLang = function(Vue, lang, locale, i18n) {
if (locale) {
locale('en-US', { ...locale('en-US'), ...enUS })
locale('zh-CN', { ...locale('zh-CN'), ...zhCN })
Vue.config.lang = lang
} else if (i18n) {
i18n.setLocaleMessage('en-US', { ...i18n.messages['en-US'], ...enUS })
i18n.setLocaleMessage('zh-CN', { ...i18n.messages['zh-CN'], ...zhCN })
i18n.locale = lang
} else {
Vue.use(VueI18n)
Vue.locale('en-US', { ...Vue.locale('en-US'), ...enUS })
Vue.locale('zh-CN', { ...Vue.locale('zh-CN'), ...zhCN })
Vue.config.lang = lang
}
}
MakingForm.install = function(Vue, opts = {
lang: 'zh-CN',
locale: null,
i18n: null
}) {
loadLang(Vue, opts.lang, opts.locale, opts.i18n)
Vue.component(MakingForm.name, MakingForm)
}
GenerateForm.install = function(Vue, opts = {
lang: 'zh-CN',
locale: null,
i18n: null
}) {
loadLang(Vue, opts.lang, opts.locale, opts.i18n)
Vue.component(GenerateForm.name, GenerateForm)
}
const components = [
MakingForm,
GenerateForm
]
const install = function(Vue, opts = {
lang: 'zh-CN',
locale: null,
i18n: null
}) {
loadLang(Vue, opts.lang, opts.locale, opts.i18n)
components.forEach(component => {
Vue.component(component.name, component)
})
}
if (typeof window !== 'undefined' && window.Vue) {
install(window.Vue)
}
export {
install,
MakingForm,
GenerateForm
}
export default {
install,
MakingForm,
GenerateForm
}
src/components/VueFormMaking/indexBundle.js 0 → 100644
import Vue from 'vue'
import GenerateForm from './components/GenerateForm.vue'
import './styles/cover.scss'
import './styles/index.scss'
GenerateForm.install = function(Vue) {
Vue.component(GenerateForm.name, GenerateForm)
}
const components = [
GenerateForm
]
const install = function(Vue, opts = {}) {
components.forEach(component => {
Vue.component(component.name, component)
})
}
if (typeof window !== 'undefined' && window.Vue) {
install(window.Vue)
}
export {
install,
GenerateForm
}
export default {
install,
GenerateForm
}
src/components/VueFormMaking/lang/en-US.js 0 → 100644
export default {
fm: {
components: {
fields: {
input: 'Input',
textarea: 'Textarea',
number: 'Number',
radio: 'Radio',
checkbox: 'Checkbox',
time: 'Time',
date: 'Date',
rate: 'Rate',
color: 'Color',
select: 'Select',
switch: 'Switch',
slider: 'Slider',
text: 'Text',
blank: 'Custom',
fileupload: 'File',
imgupload: 'Image',
editor: 'Editor',
cascader: 'Cascader',
table: 'Sub-table',
grid: 'Grid',
tabs: 'Tabs',
divider: 'Divider'
},
basic: {
title: 'Basic Component'
},
advance: {
title: 'Advance Component'
},
layout: {
title: 'Layout'
}
},
description: {
containerEmpty: 'You can drag and drop the item from the left to add components',
configEmpty: 'Please add a component',
tableEmpty: 'You can drag and drop the item from the left to add components',
uploadJsonInfo: 'There is the format of JSON below，you can overwrite it with you own JSON code'
},
message: {
copySuccess: 'Copy Successed',
validError: 'Form data validation failed'
},
actions: {
import: 'Import JSON',
clear: 'Clear',
preview: 'Preview',
json: 'Generate JSON',
code: 'Generate Code',
getData: 'Get Data',
reset: 'Reset',
copyData: 'Copy Data',
cancel: 'Cancel',
confirm: 'Confirm',
addOption: 'Add Option',
addColumn: 'Add Column',
addTab: 'Add Tab',
upload: 'Upload',
add: 'Add'
},
config: {
form: {
title: 'Form Attribute',
labelPosition: {
title: 'Label Position',
left: 'Left',
right: 'Right',
top: 'Top'
},
labelWidth: 'Label Width',
size: 'Size',
customClass: 'Custom Class'
},
widget: {
title: 'Component Attribute',
model: 'ID',
name: 'Name',
width: 'Width',
height: 'Height',
size: 'Size',
labelWidth: 'Label Width',
custom: 'Custom',
placeholder: 'Placeholder',
layout: 'Layout',
block: 'Block',
inline: 'Inline',
contentPosition: 'Content Position',
center: 'Center',
showInput: 'Display Input Box',
min: 'Minimum',
max: 'Maximum',
step: 'Step',
multiple: 'Multiple',
filterable: 'Searchable',
allowHalf: 'Allow Half',
showAlpha: 'Support transparency options',
showLabel: 'Show lable',
option: 'Option',
staticData: 'Static Data',
remoteData: 'Remote Date',
remoteFunc: 'Remote Function',
value: 'Value',
label: 'Label',
childrenOption: 'Sub-Option',
defaultValue: 'Default Value',
showType: 'Display type',
isRange: 'Range Time',
isTimestamp: 'Get time stamp',
startPlaceholder: 'Placeholder of start time',
endPlaceholder: 'Placeholder of end time',
format: 'Format',
limit: 'Maximum Upload Count',
isQiniu: 'Upload with Qiniu Cloud',
tokenFunc: 'A funchtin to get Qiniu Uptoken',
imageAction: 'Picture upload address',
tip: 'Text Prompt',
action: 'Upload Address',
defaultType: 'Data Type',
string: 'String',
object: 'Object',
array: 'Array',
number: 'Number',
boolean: 'Boolean',
integer: 'Integer',
float: 'Float',
url: 'URL',
email: 'E-mail',
hex: 'Hexadecimal',
gutter: 'Grid Spacing',
columnOption: 'Column Configuration',
span: 'Grid spans',
justify: 'Horizontal Arrangement',
justifyStart: 'Start',
justifyEnd: 'End',
justifyCenter: 'Center',
justifySpaceAround: 'Space Around',
justifySpaceBetween: 'Space Between',
align: 'Vertical Arrangement',
alignTop: 'Top',
alignMiddle: 'Middle',
alignBottom: 'Bottom',
type: 'Type',
default: 'Default',
card: 'Tabs',
borderCard: 'Border-Card',
tabPosition: 'Tab Position',
top: 'Tob',
left: 'Left',
right: 'Right',
bottom: 'Bottom',
tabOption: 'Label Configuration',
tabName: 'Tab Name',
customClass: 'Custom Class',
attribute: 'Attribute Action',
dataBind: 'Data Binding',
hidden: 'Hidden',
readonly: 'Read Only',
disabled: 'Disabled',
editable: 'Text box is editable',
clearable: 'Display Clear Button',
arrowControl: 'Use the arrow for time selection',
isDelete: 'Deletable',
isEdit: 'Editable',
showPassword: 'Display Password',
validate: 'Validation',
required: 'Required',
patternPlaceholder: 'Fill in the regular expressions',
newOption: 'New Option',
tab: 'Tab',
validatorRequired: 'Required',
validatorType: 'Invaild format',
validatorPattern: 'Unmatched pattern'
}
},
upload: {
preview: 'preview',
edit: 'replace',
delete: 'delete'
}
}
}
src/components/VueFormMaking/lang/zh-CN.js 0 → 100644
export default {
fm: {
components: {
fields: {
input: '单行文本',
textarea: '多行文本',
number: '计数器',
radio: '单选框组',
checkbox: '多选框组',
time: '时间选择器',
date: '日期选择器',
rate: '评分',
color: '颜色选择器',
select: '下拉选择框',
switch: '开关',
slider: '滑块',
text: '文字',
blank: '自定义区域',
fileupload: '文件',
imgupload: '图片',
editor: '编辑器',
cascader: '级联选择器',
table: '子表单',
grid: '栅格布局',
tabs: '标签页',
divider: '分割线'
},
basic: {
title: '基础字段'
},
advance: {
title: '高级字段'
},
layout: {
title: '布局字段'
}
},
description: {
containerEmpty: '从左侧拖拽来添加字段',
configEmpty: '请添加字段',
tableEmpty: '从左侧拖拽来添加字段',
uploadJsonInfo: 'JSON格式如下，直接复制生成的json覆盖此处代码点击确定即可'
},
message: {
copySuccess: '复制成功',
validError: '表单数据校验失败'
},
actions: {
import: '导入JSON',
clear: '清空',
preview: '预览',
json: '生成JSON',
code: '生成代码',
getData: '获取数据',
reset: '重置',
copyData: '复制数据',
cancel: '取 消',
confirm: '确 定',
addOption: '添加选项',
addColumn: '添加列',
addTab: '添加标签',
upload: '点击上传',
add: '添加'
},
config: {
form: {
title: '表单属性',
labelPosition: {
title: '标签对齐方式',
left: '左对齐',
right: '右对齐',
top: '顶部对齐'
},
labelWidth: '表单标签宽度',
size: '组件尺寸',
customClass: '自定义Class'
},
widget: {
title: '字段属性',
model: '字段标识',
name: '标题',
width: '宽度',
height: '高度',
size: '大小',
labelWidth: '标签宽度',
custom: '自定义',
placeholder: '占位内容',
layout: '布局方式',
block: '块级',
inline: '行内',
contentPosition: '文案位置',
center: '居中',
showInput: '显示输入框',
min: '最小值',
max: '最大值',
step: '步长',
multiple: '是否多选',
filterable: '是否可搜索',
allowHalf: '允许半选',
showAlpha: '支持透明度选择',
showLabel: '是否显示标签',
option: '选项',
staticData: '静态数据',
remoteData: '远端数据',
remoteFunc: '远端方法',
value: '值',
label: '标签',
childrenOption: '子选项',
defaultValue: '默认值',
showType: '显示类型',
isRange: '是否为范围选择',
isTimestamp: '是否获取时间戳',
startPlaceholder: '开始时间占位内容',
endPlaceholder: '结束时间占位内容',
format: '格式',
limit: '最大上传数',
isQiniu: '使用七牛上传',
tokenFunc: '获取七牛Token方法',
imageAction: '图片上传地址',
tip: '提示说明文字',
action: '上传地址',
defaultType: '绑定数据类型',
string: '字符串',
object: '对象',
array: '数组',
number: '数字',
boolean: '布尔值',
integer: '整数',
float: '浮点数',
url: 'URL地址',
email: '邮箱地址',
hex: '十六进制',
gutter: '栅格间隔',
columnOption: '列配置项',
span: '栅格值',
justify: '水平排列方式',
justifyStart: '左对齐',
justifyEnd: '右对齐',
justifyCenter: '居中',
justifySpaceAround: '两侧间隔相等',
justifySpaceBetween: '两端对齐',
align: '垂直排列方式',
alignTop: '顶部对齐',
alignMiddle: '居中',
alignBottom: '底部对齐',
type: '风格类型',
default: '默认',
card: '选项卡',
borderCard: '卡片化',
tabPosition: '选项卡位置',
top: '顶部',
left: '左侧',
right: '右侧',
bottom: '底部',
tabOption: '标签配置项',
tabName: '标签名称',
customClass: '自定义Class',
attribute: '操作属性',
dataBind: '数据绑定',
hidden: '隐藏',
readonly: '完全只读',
disabled: '禁用',
editable: '文本框可输入',
clearable: '显示清除按钮',
arrowControl: '使用箭头进行时间选择',
isDelete: '删除',
isEdit: '编辑',
showPassword: '显示密码',
validate: '校验',
required: '必填',
patternPlaceholder: '填写正则表达式',
newOption: '新选项',
tab: '标签页',
validatorRequired: '必须填写',
validatorType: '格式不正确',
validatorPattern: '格式不匹配'
}
},
upload: {
preview: '预览',
edit: '替换',
delete: '删除'
}
}
}
src/components/VueFormMaking/main.js 0 → 100644
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import ElementUI from 'element-ui'
import VueI18n from 'vue-i18n'
import VueEditor from 'vue2-editor'
import 'element-ui/lib/theme-chalk/index.css'
import enLocale from 'element-ui/lib/locale/lang/en'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
Vue.use(VueI18n)
Vue.use(VueEditor)
const messages = {
'en-US': {
header: {
title: 'FormMaking',
document: 'Docs',
pricing: 'Pricing',
advanced: 'Advanced'
}
},
'zh-CN': {
header: {
title: '表单设计器',
document: '使用文档',
pricing: '商业授权',
advanced: '高级版本'
}
}
}
Vue.locale('en-US', { ...enLocale, ...messages['en-US'] })
Vue.locale('zh-CN', { ...zhLocale, ...messages['zh-CN'] })
Vue.config.lang = 'zh-CN'
Vue.use(ElementUI, { size: 'small' })
// import 'form-making/dist/FormMaking.css'
// import FormMaking from 'form-making'
import FormMaking from './index'
Vue.use(FormMaking)
Vue.config.productionTip = false
new Vue({
router,
render: h => h(App)
}).$mount('#app')
src/components/VueFormMaking/router/LanguageView.vue 0 → 100644
<template>
<router-view />
</template>
<script>
import Vue from 'vue'
export default {
watch: {
'$route.params.lang': function(val) {
this.loadLanguage()
}
},
created() {
this.loadLanguage()
},
methods: {
loadLanguage() {
if (this.$route.params.lang == 'zh-CN') {
Vue.config.lang = 'zh-CN'
localStorage.setItem('language', 'zh-CN')
} else if (this.$route.params.lang == 'en-US') {
Vue.config.lang = 'en-US'
localStorage.setItem('language', 'en-US')
} else {
this.$router.replace({ name: this.$route.name, params: { lang: navigator.language == 'zh-CN' ? 'zh-CN' : 'en-US' }})
}
}
}
}
</script>
src/components/VueFormMaking/router/index.js 0 → 100644
import Vue from 'vue'
import Router from 'vue-router'
import Home from '../demo/Home.vue'
import LanguageView from './LanguageView.vue'
Vue.use(Router)
const language = localStorage.getItem('language') || (navigator.language == 'zh-CN' ? 'zh-CN' : 'en-US')
export default new Router({
routes: [
{
path: '/',
redirect: to => ({ name: 'index', params: { lang: language }})
},
{
path: '/:lang',
// name: 'lang',
component: LanguageView,
children: [
{
path: '',
name: 'index',
component: Home
}
]
}
]
})
src/components/VueFormMaking/styles/FormMaking.css 0 → 100644
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/*!
* Viewer.js v1.3.5
* https://fengyuanchen.github.io/viewerjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2019-07-04T11:00:13.705Z
*/.viewer-close:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen-exit:before,.viewer-fullscreen:before,.viewer-next:before,.viewer-one-to-one:before,.viewer-play:before,.viewer-prev:before,.viewer-reset:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-zoom-in:before,.viewer-zoom-out:before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");background-repeat:no-repeat;background-size:280px;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}.viewer-zoom-in:before{background-position:0 0;content:"Zoom In"}.viewer-zoom-out:before{background-position:-20px 0;content:"Zoom Out"}.viewer-one-to-one:before{background-position:-40px 0;content:"One to One"}.viewer-reset:before{background-position:-60px 0;content:"Reset"}.viewer-prev:before{background-position:-80px 0;content:"Previous"}.viewer-play:before{background-position:-100px 0;content:"Play"}.viewer-next:before{background-position:-120px 0;content:"Next"}.viewer-rotate-left:before{background-position:-140px 0;content:"Rotate Left"}.viewer-rotate-right:before{background-position:-160px 0;content:"Rotate Right"}.viewer-flip-horizontal:before{background-position:-180px 0;content:"Flip Horizontal"}.viewer-flip-vertical:before{background-position:-200px 0;content:"Flip Vertical"}.viewer-fullscreen:before{background-position:-220px 0;content:"Enter Full Screen"}.viewer-fullscreen-exit:before{background-position:-240px 0;content:"Exit Full Screen"}.viewer-close:before{background-position:-260px 0;content:"Close"}.viewer-container{bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.viewer-container::-moz-selection,.viewer-container ::-moz-selection{background-color:transparent}.viewer-container::selection,.viewer-container ::selection{background-color:transparent}.viewer-container img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.viewer-canvas>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}.viewer-navbar{background-color:rgba(0,0,0,.5);overflow:hidden}.viewer-list{-webkit-box-sizing:content-box;box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0}.viewer-list>li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;-webkit-transition:opacity .15s;transition:opacity .15s;width:30px}.viewer-list>li:hover{opacity:.75}.viewer-list>li+li{margin-left:1px}.viewer-list>.viewer-loading{position:relative}.viewer-list>.viewer-loading:after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}.viewer-list>.viewer-active,.viewer-list>.viewer-active:hover{opacity:1}.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;right:0}.viewer-player,.viewer-player>img{left:0;position:absolute;top:0}.viewer-toolbar>ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:3px 0}.viewer-toolbar>ul>li{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;-webkit-transition:background-color .15s;transition:background-color .15s;width:24px}.viewer-toolbar>ul>li:hover{background-color:rgba(0,0,0,.8)}.viewer-toolbar>ul>li:before{margin:2px}.viewer-toolbar>ul>li+li{margin-left:1px}.viewer-toolbar>ul>.viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}.viewer-toolbar>ul>.viewer-small:before{margin:-1px}.viewer-toolbar>ul>.viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}.viewer-toolbar>ul>.viewer-large:before{margin:5px}.viewer-tooltip{background-color:rgba(0,0,0,.8);border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1;margin:0 5% 5px;max-width:90%;opacity:.8;overflow:hidden;text-overflow:ellipsis;-webkit-transition:opacity .15s;transition:opacity .15s;white-space:nowrap}.viewer-title:hover{opacity:1}.viewer-button{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;-webkit-transition:background-color .15s;transition:background-color .15s;width:80px}.viewer-button:focus,.viewer-button:hover{background-color:rgba(0,0,0,.8)}.viewer-button:before{bottom:15px;left:15px;position:absolute}.viewer-fixed{position:fixed}.viewer-open{overflow:hidden}.viewer-show{display:block}.viewer-hide{display:none}.viewer-backdrop{background-color:rgba(0,0,0,.5)}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:-webkit-grab;cursor:grab}.viewer-fade{opacity:0}.viewer-in{opacity:1}.viewer-transition{-webkit-transition:all .3s;transition:all .3s}@-webkit-keyframes viewer-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes viewer-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.viewer-loading:after{-webkit-animation:viewer-spinner 1s linear infinite;animation:viewer-spinner 1s linear infinite;border:4px solid hsla(0,0%,100%,.1);border-left-color:hsla(0,0%,100%,.5);border-radius:50%;content:"";display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}@media (max-width:767px){.viewer-hide-xs-down{display:none}}@media (max-width:991px){.viewer-hide-sm-down{display:none}}@media (max-width:1199px){.viewer-hide-md-down{display:none}}.fm-uplaod-container .is-disabled{position:relative}.fm-uplaod-container .is-disabled:after{position:absolute;top:0;bottom:0;left:0;right:0;content:"";display:block;cursor:not-allowed}.fm-uplaod-container .upload-file{margin:0 10px 10px 0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;vertical-align:top}.fm-uplaod-container .upload-file:hover .uplaod-action{display:-webkit-box;display:-ms-flexbox;display:flex}.fm-uplaod-container .upload-file .uplaod-action{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fm-uplaod-container .upload-file .uplaod-action i{color:#fff;cursor:pointer;margin:0 5px}.fm-uplaod-container .upload-file.is-success .item-status{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-shadow:0 0 1pc 1px rgba(0,0,0,.2);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.fm-uplaod-container .upload-file.is-success .item-status>i{font-size:12px;margin-top:11px;color:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fm-uplaod-container .upload-file.uploading:before{display:block;content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3)}.fm-uplaod-container .upload-file .upload-progress{position:absolute}.fm-uplaod-container .upload-file .upload-progress .el-progress__text{color:#fff;font-size:16px!important}.fm-uplaod-container .upload-file img{max-width:100%;max-height:100%;vertical-align:middle}.fm-uplaod-container .el-upload--picture-card{position:relative;overflow:hidden}.fm-uplaod-container .el-upload--picture-card .el-icon-plus{position:absolute;top:50%;left:50%}.fm-uplaod-container .upload-input{position:absolute;top:0;left:0;right:0;bottom:0;display:block;opacity:0;cursor:pointer}.fm-uplaod-container .drag-img-list{display:inline}.fm-uplaod-container .drag-img-list .ghost{position:relative}.fm-uplaod-container .drag-img-list .ghost:after{width:100%;height:100%;display:block;content:"";background:#fbfdff;position:absolute;top:0;bottom:0;left:0;right:0;border:1px dashed #3bb3c2}.fm-uplaod-container .drag-img-list>div{cursor:move}.viewer-container{z-index:9999!important}.cus-dialog-container .el-dialog__footer{margin:0 20px;padding:15px 0 16px;text-align:center;position:relative}.cus-dialog-container .el-dialog__footer .dialog-footer{display:block}.cus-dialog-container .el-dialog__footer .dialog-footer .circular{display:inline-block;vertical-align:middle;margin-right:5px;width:24px;height:24px}.cus-dialog-container .el-dialog__footer .dialog-footer .el-loading-text{display:inline-block;vertical-align:middle}.cus-dialog-container .el-dialog__footer .dialog-footer .el-loading-spinner{margin-top:-12px}.widget-empty{background-position:50%}@font-face{font-family:iconfont;src:url(fonts/iconfont.8efbc988.eot);src:url(fonts/iconfont.8efbc988.eot#iefix) format("embedded-opentype"),url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"),url(fonts/iconfont.34ea3475.woff) format("woff"),url(fonts/iconfont.4d5a9051.ttf) format("truetype"),url(img/iconfont.f0e930ef.svg#iconfont) format("svg")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-clear:before{content:"\E6D1"}.icon-weibiaoti46:before{content:"\E63C"}.icon-delete:before{content:"\E616"}.icon-fabu:before{content:"\E630"}.icon-qingkonghuishouzhan:before{content:"\E642"}.icon-code:before{content:"\E65B"}.icon-table:before{content:"\E713"}.icon-diy-com-textarea:before{content:"\E91F"}.icon-zidingyishuju:before{content:"\E634"}.icon-json:before{content:"\E7BD"}.icon-jilianxuanze:before{content:"\E695"}.icon-icon_clone:before{content:"\E606"}.icon-wenjianshangchuan:before{content:"\E617"}.icon-fengexian:before{content:"\E66E"}.icon-tupianyulan:before{content:"\E67D"}.icon-time:before{content:"\E600"}.icon-icon-test:before{content:"\E605"}.icon-tupian:before{content:"\E65E"}.icon-ad-icon-tooltip:before{content:"\E63E"}.icon-check-box:before{content:"\E60E"}.icon-switch:before{content:"\E660"}.icon-pingfen:before{content:"\E640"}.icon-input:before{content:"\E6B2"}.icon-radio-active:before{content:"\E615"}.icon-color:before{content:"\E62F"}.icon-slider:before{content:"\E60D"}.icon-icon_bars:before{content:"\E7C4"}.icon-fuwenbenkuang:before{content:"\E682"}.icon-date:before{content:"\E69F"}.icon-ic:before{content:"\E621"}.icon-trash:before{content:"\E60F"}.icon-grid-:before{content:"\E6AD"}.icon-drag:before{content:"\E842"}.icon-shangchuan:before{content:"\E645"}.icon-zhage:before{content:"\E63F"}.icon-number:before{content:"\E76B"}.icon-yulan:before{content:"\E668"}.icon-select:before{content:"\E920"}.icon-wenzishezhi-:before{content:"\E67C"}.icon-pingfen1:before{content:"\E661"}.icon-RectangleCopy:before{content:"\E620"}.icon-sync1:before{content:"\E631"}.icon-tabs:before{content:"\E65F"}.el-radio+.el-radio{margin-left:0!important}.el-radio{margin-right:30px}.el-checkbox+.el-checkbox{margin-left:0!important}.el-checkbox{margin-right:30px}.el-form-item--small .el-radio{line-height:32px!important}.el-form-item--small .el-rate{margin-top:6px}.el-form-item--mini .el-radio{line-height:28px!important}.el-form-item--mini .el-rate{margin-top:4px}.el-form-item--medium .el-radio{line-height:36px!important}.el-form-item--medium .el-rate{margin-top:8px}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}.fa-icon{width:auto;height:1em;max-width:100%;max-height:100%;vertical-align:middle}.fm2-container{background:#fff;height:100%;border:1px solid #e0e0e0}.fm2-container .el-container{height:100%!important}.fm2-container>.el-container{background:#fff}.fm2-container .fm2-main{position:relative}.fm2-container .fm2-main>.el-container{position:absolute;top:0;bottom:0;left:0;right:0}.fm2-container main{padding:0}.fm2-container footer{height:30px;line-height:30px;border-top:1px solid #e0e0e0;font-size:12px;text-align:right;color:#409eff;background:#fafafa}.fm2-container footer a{color:#409eff}.center-container{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.center-container .btn-bar{height:45px;line-height:45px;font-size:18px;border-bottom:2px solid #e4e7ed;text-align:right}.center-container .el-main{padding:0;position:relative;background:#fafafa}.components-list{padding:8px 0;width:100%;height:100%}.components-list .widget-cate{padding:8px 12px;font-size:13px}.components-list ul{position:relative;overflow:hidden;padding:0 10px 10px;margin:0}.components-list .form-edit-widget-label{font-size:12px;display:block;width:48%;line-height:26px;position:relative;float:left;left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:1%;color:#333;border:1px solid #f4f6fc}.components-list .form-edit-widget-label:hover{color:#409eff;border:1px dashed #409eff}.components-list .form-edit-widget-label>a{display:block;cursor:move;background:#f4f6fc;border:1px solid #f4f6fc}.components-list .form-edit-widget-label>a .icon{margin-right:6px;margin-left:8px;font-size:14px;display:inline-block;vertical-align:middle}.components-list .form-edit-widget-label>a span{display:inline-block;vertical-align:middle}.widget-form-container{position:absolute;top:0;left:0;right:0;bottom:0}.widget-form-container .widget-form-list{background:#fff;border:1px dashed #999;min-height:600px;margin:10px}.widget-form-container .widget-form-list .widget-col-list{min-height:50px;border:1px dashed #ccc;background:#fff}.widget-form-container .widget-form-list .widget-view{padding-bottom:18px;position:relative;border:1px dashed hsla(0,0%,66.7%,.7);background-color:rgba(236,245,255,.3);margin:2px}.widget-form-container .widget-form-list .widget-view .el-form-item__content{position:unset}.widget-form-container .widget-form-list .widget-view.is_req .el-form-item__label:before{content:"*";color:#f56c6c;margin-right:4px}.widget-form-container .widget-form-list .widget-view .widget-view-description{height:15px;line-height:15px;font-size:13px;margin-top:6px;color:#909399}.widget-form-container .widget-form-list .widget-view .widget-view-action{position:absolute;right:0;bottom:0;height:28px;line-height:28px;background:#409eff;z-index:9}.widget-form-container .widget-form-list .widget-view .widget-view-action i{font-size:14px;color:#fff;margin:0 5px;cursor:pointer}.widget-form-container .widget-form-list .widget-view .widget-view-drag{position:absolute;left:-2px;top:-2px;bottom:-18px;height:28px;line-height:28px;background:#409eff;z-index:9}.widget-form-container .widget-form-list .widget-view .widget-view-drag i{font-size:14px;color:#fff;margin:0 5px;cursor:move}.widget-form-container .widget-form-list .widget-view:after{position:absolute;left:0;right:0;top:0;bottom:0;display:block}.widget-form-container .widget-form-list .widget-view:hover{background:#ecf5ff;outline:1px solid #409eff;outline-offset:0}.widget-form-container .widget-form-list .widget-view:hover.active{outline:2px solid #409eff;border:1px solid #409eff;outline-offset:0}.widget-form-container .widget-form-list .widget-view:hover .widget-view-drag{display:block}.widget-form-container .widget-form-list .widget-view.active{outline:2px solid #409eff;border:1px solid #409eff}.widget-form-container .widget-form-list .widget-view.ghost{background:#f56c6c;border:2px solid #f56c6c;outline-width:0;height:3px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0}.widget-form-container .widget-form-list .widget-table{padding-bottom:0;padding:5px;background-color:rgba(253,246,236,.3)}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper{min-height:50px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-row td{border-bottom:0}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-left{width:51px;border-left:1px solid #ebeef5;border-right:1px solid #ebeef5;border-top:1px solid #ebeef5;-webkit-box-flex:0;-ms-flex:none;flex:none}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view{border:1px solid #ebeef5;width:200px;float:left;height:100%;position:relative;display:block}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .el-table{height:100%}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.is_req .el-form-item__label:before{content:"*";color:#f56c6c;margin-right:4px}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-description{height:15px;line-height:15px;font-size:13px;margin-top:6px;color:#909399}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-action{position:absolute;right:0;bottom:0;height:28px;line-height:28px;background:#409eff;z-index:9}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-action i{font-size:14px;color:#fff;margin:0 5px;cursor:pointer}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-drag{position:absolute;left:-2px;top:-2px;bottom:-18px;height:28px;line-height:28px;background:#409eff;z-index:9}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-drag i{font-size:14px;color:#fff;margin:0 5px;cursor:move}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:after{position:absolute;left:0;right:0;top:0;bottom:0;display:block;content:""}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:before{display:none}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:hover{background:#ecf5ff;outline:1px solid #409eff;outline-offset:-1px}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:hover.active{border:1px solid #409eff;outline:1px solid #409eff;outline-offset:-1px}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:hover .widget-view-drag{display:block}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.active{outline:1px solid #409eff;border:1px solid #409eff;outline-offset:-1px}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.ghost{background:#f56c6c;outline-width:0;width:5px!important;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0;position:relative;outline:none!important;border:0!important}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.ghost:after{background:#f56c6c;position:absolute;top:0;left:0;bottom:0;right:0;z-index:9999;content:"";outline:none}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content{width:100%;outline:1px dashed #ccc;background:#fff;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 1px;overflow:auto}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content .widget-table-col,.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content>div{height:100%}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content .widget-table-col .ghost{background:#f56c6c;position:relative;content:"";float:left;height:100%;width:5px!important;list-style:none;font-size:0;overflow:hidden;outline:none}.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content .widget-table-col .ghost:after{background:#f56c6c;position:absolute;top:0;left:0;bottom:0;right:0;z-index:9999;content:"";outline:none}.widget-form-container .widget-form-list .widget-table.active{outline:2px solid #e6a23c;border:1px solid #e6a23c}.widget-form-container .widget-form-list .widget-table:hover{background:#fdf6ec;outline:1px solid #e6a23c;outline-offset:0}.widget-form-container .widget-form-list .widget-table:hover.active{outline:2px solid #e6a23c;border:1px solid #e6a23c;outline-offset:0}.widget-form-container .widget-form-list .widget-table .widget-view-action.widget-col-action,.widget-form-container .widget-form-list .widget-table .widget-view-drag.widget-col-drag{background:#e6a23c}.widget-form-container .widget-form-list .widget-table:after{display:none}.widget-form-container .widget-form-list .widget-table.ghost{background:#f56c6c;outline-width:0;height:5px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0;position:relative;outline:none;border:0}.widget-form-container .widget-form-list .widget-table.ghost:after{background:#f56c6c;position:absolute;top:0;left:0;right:0;bottom:0;content:"";display:block;z-index:999}.widget-form-container .widget-form-list .widget-col{padding-bottom:0;padding:5px;background-color:rgba(253,246,236,.3)}.widget-form-container .widget-form-list .widget-col.active{outline:2px solid #e6a23c;border:1px solid #e6a23c}.widget-form-container .widget-form-list .widget-col:hover{background:#fdf6ec;outline:1px solid #e6a23c;outline-offset:0}.widget-form-container .widget-form-list .widget-col:hover.active{outline:2px solid #e6a23c;border:1px solid #e6a23c;outline-offset:0}.widget-form-container .widget-form-list .widget-col .el-col{min-height:50px}.widget-form-container .widget-form-list .widget-col.ghost{background:#f56c6c;border:2px solid #f56c6c;outline-width:0;height:3px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0}.widget-form-container .widget-form-list .widget-col .widget-view-action.widget-col-action,.widget-form-container .widget-form-list .widget-col .widget-view-drag.widget-col-drag{background:#e6a23c}.widget-form-container .widget-form-list .widget-col:after{display:none}.widget-form-container .widget-form-list .ghost{background:#f56c6c;border:2px solid #f56c6c;outline-width:0;height:3px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0}.widget-form-container .widget-grid{background:#f4f6fc;position:relative;border-left:5px solid transparent;padding:5px;margin:0!important}.widget-form-container .widget-grid.active{border-left:5px solid #409eff;background:#b3d8ff}.widget-form-container .widget-grid-container.ghost{background:#f56c6c;border:2px solid #f56c6c;outline-width:0;height:3px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;content:"";overflow:hidden;padding:0}.widget-form-container .ghost{background:#f56c6c;border:2px solid #f56c6c;position:relative}.widget-form-container .ghost:after{background:#f56c6c}.widget-form-container li.ghost{height:5px;list-style:none;font-size:0;overflow:hidden}.widget-config-container{position:relative}.widget-config-container .el-header{border-bottom:2px solid #e4e7ed;padding:0 5px}.widget-config-container .config-tab{height:45px;line-height:45px;display:inline-block;width:145px;text-align:center;font-size:14px;font-weight:500;position:relative;cursor:pointer}.widget-config-container .config-tab.active{border-bottom:2px solid #409eff}.widget-config-container .config-content{padding:10px}.widget-config-container .config-content .el-form-item__label{padding:0;font-weight:500}.widget-config-container .config-content .el-form-item{border-bottom:1px solid #e1e1e1;padding-bottom:10px}.widget-config-container .ghost{background:#fff;border:1px dashed #409eff}.widget-config-container .ghost:after{background:#fff;display:block;content:"";position:absolute;top:0;left:0;right:0;bottom:0}.widget-config-container ul{margin:0;padding:0}.widget-config-container li.ghost{list-style:none;font-size:0;display:block;position:relative}.viewer-container{z-index:99999!important}.form-empty{position:absolute;text-align:center;width:300px;font-size:20px;top:200px;left:50%;margin-left:-150px;color:#ccc}
\ No newline at end of file
src/components/VueFormMaking/styles/cover.scss 0 → 100644
.el-radio+.el-radio{
margin-left: 0 !important;
}
.el-radio{
margin-right: 30px;
}
.el-checkbox+.el-checkbox{
margin-left: 0 !important;
}
.el-checkbox{
margin-right: 30px;
}
.el-form-item--small{
.el-radio{
line-height: 32px !important;
}
.el-rate{
margin-top: 6px;
}
}
.el-form-item--mini{
.el-radio{
line-height: 28px !important;
}
.el-rate{
margin-top: 4px;
}
}
.el-form-item--medium{
.el-radio{
line-height: 36px !important;
}
.el-rate{
margin-top: 8px;
}
}
\ No newline at end of file
src/components/VueFormMaking/styles/img/iconfont.f0e930ef.svg 0 → 100644
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<!--
2013-9-30: Created.
-->
<svg>
<metadata>
Created by iconfont
</metadata>
<defs>
<font id="iconfont" horiz-adv-x="1024" >
<font-face
font-family="iconfont"
font-weight="500"
font-stretch="normal"
units-per-em="1024"
ascent="896"
descent="-128"
/>
<missing-glyph />
<glyph glyph-name="clear" unicode="&#59089;" d="M907.94666667 500.05333333l-157.01333334 47.78666667 61.44 238.93333333c0 6.82666667 0 20.48-6.82666666 27.30666667-6.82666667 6.82666667-13.65333333 13.65333333-20.48 13.65333333L634.88 868.69333333c-6.82666667 0-20.48 0-27.30666667 0C600.74666667 855.04 593.92 848.21333333 593.92 841.38666667L525.65333333 609.28 348.16 657.06666667c-6.82666667 0-20.48 0-27.30666667 0S307.2 636.58666667 307.2 629.76l-95.57333333-341.33333333C191.14666667 199.67999999999995 102.4 110.93333332999998 102.4 110.93333332999998c-6.82666667-6.82666667-13.65333333-20.48-6.82666667-34.13333333 0-13.65333333 13.65333333-20.48 27.30666667-27.30666667l559.78666667-150.18666666c0 0 6.82666667 0 6.82666666 0 6.82666667 0 20.48 6.82666667 27.30666667 13.65333333 6.82666667 6.82666667 88.74666667 95.57333333 122.88 191.14666667 34.13333333 88.74666667 95.57333333 348.16 95.57333333 354.98666666C935.25333333 479.57333333 921.6 493.22666667 907.94666667 500.05333333zM771.41333333 131.41333333c-27.30666667-61.44-75.09333333-122.88-95.57333333-157.01333333l-75.09333333 20.48c34.13333333 40.96 75.09333333 102.4 95.57333333 170.66666667 6.82666667 20.48-6.82666667 34.13333333-27.30666667 40.96-20.48 6.82666667-34.13333333-6.82666667-40.96-27.30666667-20.48-75.09333333-81.92-143.36-102.4-163.84l-61.44 13.65333333c34.13333333 40.96 75.09333333 102.4 88.74666667 163.84 6.82666667 20.48-6.82666667 34.13333333-27.30666667 40.96-20.48 6.82666667-34.13333333-6.82666667-40.96-27.30666666-20.48-68.26666667-75.09333333-136.53333333-95.57333333-163.84l-68.26666667 20.48c34.13333333 40.96 75.09333333 102.4 95.57333334 163.84 6.82666667 20.48-6.82666667 34.13333333-27.30666667 40.96C375.46666667 281.6 354.98666667 267.94666667 354.98666667 254.29333333c-20.48-68.26666667-75.09333333-136.53333333-102.4-163.84l-61.44 20.48c34.13333333 40.96 75.09333333 102.4 88.74666666 163.84l81.92 314.02666667 177.49333334-47.78666667c6.82666667 0 20.48 0 27.30666666 0C573.44 541.01333333 580.26666667 547.8399999999999 587.09333333 554.66666667L648.53333333 793.6l88.74666667-20.48-61.44-238.93333333c-6.82666667-20.48 6.82666667-34.13333333 20.48-40.96L853.33333333 445.44C839.68 370.34666667 798.72 192.85333333000005 771.41333333 131.41333333zM354.98666667 424.96C354.98666667 404.48 361.81333333 390.82666667 382.29333333 384l361.81333334-102.4c0 0 6.82666667 0 6.82666666 0 13.65333333 0 27.30666667 6.82666667 34.13333334 27.30666667 6.82666667 20.48-6.82666667 34.13333333-20.48 40.96L402.77333333 452.26666667C382.29333333 452.26666667 361.81333333 445.44 354.98666667 424.96z" horiz-adv-x="1024" />
<glyph glyph-name="weibiaoti46" unicode="&#58940;" d="M947-32.25L77-32.25c-24.75 0-45 20.25-45 44.25L32 755.25c0 24.75 20.25 44.25 45 44.25l870 0c24.75 0 45-20.25 45-44.25l0-743.25C992-12.75 971.75-32.25 947-32.25zM122 755.25c-24.75 0-45-20.25-45-44.25 0-24.75 20.25-44.25 45-44.25s45 20.25 45 44.25C167 735 146.75 755.25 122 755.25zM257 755.25c-24.75 0-45-20.25-45-44.25 0-24.75 20.25-44.25 45-44.25 24.75 0 45 20.25 45 44.25C302 735 281.75 755.25 257 755.25zM392 755.25c-24.75 0-45-20.25-45-44.25 0-24.75 20.25-44.25 45-44.25 24.75 0 45 20.25 45 44.25C437 735 416.75 755.25 392 755.25zM947 620.25L77 620.25l0-608.25 870 0L947 620.25zM365.75 504c4.5 4.5 11.25 4.5 15.75 0 4.5-4.5 4.5-11.25 0-15.75L224 331.5l157.5-156.75c4.5-4.5 4.5-11.25 0-15.75s-11.25-4.5-15.75 0l-165 165C198.5 325.5 197 328.5 197 331.5c0 3 0.75 6 3 8.25L365.75 504zM565.25 456.75c3 5.25 9.75 7.5 15 4.5 5.25-3 7.5-9 5.25-15l-127.5-240.75c-3-5.25-9.75-7.5-15-4.5-5.25 3-7.5 9-5.25 15L565.25 456.75zM642.5 504c4.5 4.5 11.25 4.5 15.75 0l165-165c2.25-2.25 3-5.25 3-8.25 0-3-0.75-6-3-8.25l-165-165c-4.5-4.5-11.25-4.5-15.75 0-4.5 4.5-4.5 11.25 0 15.75l157.5 157.5-157.5 157.5C638 492.75 638 499.5 642.5 504z" horiz-adv-x="1024" />
<glyph glyph-name="delete" unicode="&#58902;" d="M713.03417887 694.68918518l0 109.65500633c0 45.43372402-28.47374996 73.10333755-74.96747266 73.10333755L385.89674291 877.44752906c-46.42061972 0-74.93092057-27.66961354-74.93092056-73.10333755l0-109.65500633-219.31001264 0 0-73.10333754 73.10333754 0 0-621.37837037c0-65.86610725 41.2302826-109.65500633 109.65500633-109.65500633l475.17169527 0c66.85300175 0 109.65500633 40.64545633 109.65500633 109.65500633l0 621.37837037 73.10333753 0 0 73.10333754L713.03417887 694.68918518zM384.06915869 804.34419151l255.86168141 0-1.53516988-109.65500633L384.06915869 694.68918518 384.06915869 804.34419151zM786.13751641-36.34419150999997l-548.27503282 0 0 657.93003915 548.27503282 0L786.13751641-36.34419150999997zM457.17249623 548.48251009l-71.27575453 0-1.82758301-475.17169527 73.10333754 0L457.17249623 548.48251009zM639.93084131 548.48251009l-73.10333754 0 0-475.17169527 73.10333754 0L639.93084131 548.48251009z" horiz-adv-x="1024" />
<glyph glyph-name="fabu" unicode="&#58928;" d="M838.03463253 102.65792426999997L450.89088213 221.78168107l387.1459328 446.70726613-506.2696896-446.70726613L33.95937173 340.90325440000004 986.93960213 847.17294507 838.03463253 102.65792426999997 838.03463253 102.65792426999997zM450.89088213-76.02716480000004L450.89088213 132.43804479999994l119.11829867-59.56133227L450.89088213-76.02716480000004 450.89088213-76.02716480000004z" horiz-adv-x="1024" />
<glyph glyph-name="qingkonghuishouzhan" unicode="&#58946;" d="M837.182662-59.748546 192.403566-59.748546 59.530326 804.74974l900.284327 0-0.497327-3.500731L837.182662-59.748546zM197.67257-53.608709l634.17969 0L952.741561 798.609902 66.686307 798.609902 197.67257-53.608709zM349.320022 537.181264l325.091045-324.999108-4.340865-4.342093-325.091045 324.999108 4.340865 4.342093ZM670.894289 538.055825l4.340755-4.340755-326.74766-326.74766-4.340755 4.340755 326.74766 326.74766Z" horiz-adv-x="1024" />
<glyph glyph-name="code" unicode="&#58971;" d="M352.571429 96.571429l-28.571429-28.571429q-5.714286-5.714286-13.142857-5.714286t-13.142857 5.714286L31.428571 334.285714q-5.714286 5.714286-5.714285 13.142857t5.714285 13.142858l266.285715 266.285714q5.714286 5.714286 13.142857 5.714286t13.142857-5.714286l28.571429-28.571429q5.714286-5.714286 5.714285-13.142857t-5.714285-13.142857L128 347.428571l224.571429-224.571428q5.714286-5.714286 5.714285-13.142857t-5.714285-13.142857z m337.714285 609.714285L477.142857-31.428571q-2.285714-7.428571-8.857143-11.142858T454.857143-44l-35.428572 9.714286q-7.428571 2.285714-11.142857 8.857143T406.857143-11.428571l213.142857 737.714285q2.285714 7.428571 8.857143 11.142857t13.428571 1.428572l35.428572-9.714286q7.428571-2.285714 11.142857-8.857143t1.428571-14z m375.428572-372l-266.285715-266.285714q-5.714286-5.714286-13.142857-5.714286t-13.142857 5.714286l-28.571428 28.571429q-5.714286 5.714286-5.714286 13.142857t5.714286 13.142857l224.571428 224.571428-224.571428 224.571429q-5.714286 5.714286-5.714286 13.142857t5.714286 13.142857l28.571428 28.571429q5.714286 5.714286 13.142857 5.714286t13.142857-5.714286l266.285715-266.285714q5.714286-5.714286 5.714285-13.142858t-5.714285-13.142857z" horiz-adv-x="1097" />
<glyph glyph-name="table" unicode="&#59155;" d="M329.142857 109.714286v109.714285q0 8-5.142857 13.142858t-13.142857 5.142857H128q-8 0-13.142857-5.142857t-5.142857-13.142858v-109.714285q0-8 5.142857-13.142857t13.142857-5.142858h182.857143q8 0 13.142857 5.142858t5.142857 13.142857z m0 219.428571V438.857143q0 8-5.142857 13.142857t-13.142857 5.142857H128q-8 0-13.142857-5.142857t-5.142857-13.142857v-109.714286q0-8 5.142857-13.142857t13.142857-5.142857h182.857143q8 0 13.142857 5.142857t5.142857 13.142857z m292.571429-219.428571v109.714285q0 8-5.142857 13.142858t-13.142858 5.142857H420.571429q-8 0-13.142858-5.142857t-5.142857-13.142858v-109.714285q0-8 5.142857-13.142857t13.142858-5.142858h182.857142q8 0 13.142858 5.142858t5.142857 13.142857zM329.142857 548.571429V658.285714q0 8-5.142857 13.142857t-13.142857 5.142858H128q-8 0-13.142857-5.142858t-5.142857-13.142857v-109.714285q0-8 5.142857-13.142858t13.142857-5.142857h182.857143q8 0 13.142857 5.142857t5.142857 13.142858z m292.571429-219.428572V438.857143q0 8-5.142857 13.142857t-13.142858 5.142857H420.571429q-8 0-13.142858-5.142857t-5.142857-13.142857v-109.714286q0-8 5.142857-13.142857t13.142858-5.142857h182.857142q8 0 13.142858 5.142857t5.142857 13.142857z m292.571428-219.428571v109.714285q0 8-5.142857 13.142858t-13.142857 5.142857h-182.857143q-8 0-13.142857-5.142857t-5.142857-13.142858v-109.714285q0-8 5.142857-13.142857t13.142857-5.142858h182.857143q8 0 13.142857 5.142858t5.142857 13.142857z m-292.571428 438.857143V658.285714q0 8-5.142857 13.142857t-13.142858 5.142858H420.571429q-8 0-13.142858-5.142858t-5.142857-13.142857v-109.714285q0-8 5.142857-13.142858t13.142858-5.142857h182.857142q8 0 13.142858 5.142857t5.142857 13.142858z m292.571428-219.428572V438.857143q0 8-5.142857 13.142857t-13.142857 5.142857h-182.857143q-8 0-13.142857-5.142857t-5.142857-13.142857v-109.714286q0-8 5.142857-13.142857t13.142857-5.142857h182.857143q8 0 13.142857 5.142857t5.142857 13.142857z m0 219.428572V658.285714q0 8-5.142857 13.142857t-13.142857 5.142858h-182.857143q-8 0-13.142857-5.142858t-5.142857-13.142857v-109.714285q0-8 5.142857-13.142858t13.142857-5.142857h182.857143q8 0 13.142857 5.142857t5.142857 13.142858z m73.142857 182.857142v-621.714285q0-37.714286-26.857142-64.571429t-64.571429-26.857143H128q-37.714286 0-64.571429 26.857143T36.571429 109.714286V731.428571q0 37.714286 26.857142 64.571429t64.571429 26.857143h768q37.714286 0 64.571429-26.857143t26.857142-64.571429z" horiz-adv-x="1024" />
<glyph glyph-name="diy-com-textarea" unicode="&#59679;" d="M872.24 326.06399999999996l-164.4-175.392h164.4zM156.848 609.9359999999999h51.408v-282.96H156.848zM930.08 716.832H418.304v-50.304h508.128v-562.032H418.304v-53.328h528.288c17.76 6.624 30.528 23.52 31.248 43.632V670.1759999999999a48.096 48.096 0 0 1-47.76 46.656zM97.664 104.49599999999998V666.528h320.592V716.832H94.016c-26.4 0-47.856-21.696-47.856-48.432v-1.872h0.096v-431.424l-0.096-64.8v-73.68c-0.048-20.208 12.432-38.304 31.344-45.408h340.8v53.328l-320.64-0.048zM872.24 326.06399999999996l-164.4-175.392h164.4zM156.848 609.9359999999999h51.408v-282.96H156.848z" horiz-adv-x="1024" />
<glyph glyph-name="zidingyishuju" unicode="&#58932;" d="M682.28 268.02c0-16.62 13.44-30.06 30.06-30.06h240.6a30.12 30.12 0 0 1 0 60.18h-240.6a30.12 30.12 0 0 1-30.12-30.12zM952.88 170.46000000000004H604.4a30.12 30.12 0 1 1 0-60.18h348.6a30.12 30.12 0 0 1 0 60.18zM952.88 42.17999999999995H484.4a30.12 30.12 0 1 1 0-60.18h468.6a30.12 30.12 0 0 1 0 60.18zM118.22 280.02l44.4-44.4 172.68-172.62 471.06 471c39.84 39.9 36.18 108.42-8.22 152.76l-63.3 63.36c-44.4 44.4-112.92 48.12-152.76 8.28L111.02 287.28 42.08 34.860000000000014a31.68 31.68 0 0 1 38.94-39l252.48 68.82-51.66 51.72-163.98-44.76 44.7 163.98-44.4 44.4zM632 708.42c15.12 15.12 41.16 13.68 57.96-3.12L753.32 642c16.8-16.92 18.24-42.9 3.06-58.02L684.2 511.8 559.76 636.12 632 708.42zM509.9 586.2l124.38-124.38L330.2 157.79999999999995 205.82 282.17999999999995l304.08 304.08z" horiz-adv-x="1024" />
<glyph glyph-name="json" unicode="&#59325;" d="M231.99999969 744h80.00000062v-79.99999969H231.99999969v-200.00000062a79.99999969 79.99999969 0 0 0-79.99999969-79.99999969 79.99999969 79.99999969 0 0 0 79.99999969-79.99999969v-200.00000062h80.00000062v-79.99999969H231.99999969c-42.79999969 10.8-79.99999969 36-79.99999969 79.99999969v160.00000031a79.99999969 79.99999969 0 0 1-79.99999969 79.99999969H32v80.00000062h40.00000031a79.99999969 79.99999969 0 0 1 79.99999969 79.99999969V664.00000031a79.99999969 79.99999969 0 0 0 79.99999969 79.99999969m560.00000062 0a79.99999969 79.99999969 0 0 0 79.99999969-79.99999969v-160.00000031a79.99999969 79.99999969 0 0 1 79.99999969-79.99999969h40.00000031v-80.00000062h-40.00000031a79.99999969 79.99999969 0 0 1-79.99999969-79.99999969v-160.00000031a79.99999969 79.99999969 0 0 0-79.99999969-79.99999969h-80.00000062v79.99999969h80.00000062v200.00000062a79.99999969 79.99999969 0 0 0 79.99999969 79.99999969 79.99999969 79.99999969 0 0 0-79.99999969 79.99999969V664.00000031h-80.00000062V744h80.00000062m-280.00000031-480a40.00000031 40.00000031 0 0 0 40.00000031-40.00000031 40.00000031 40.00000031 0 0 0-40.00000031-39.99999938 40.00000031 40.00000031 0 0 0-40.00000031 39.99999938 40.00000031 40.00000031 0 0 0 40.00000031 40.00000031m-160.00000031 0a40.00000031 40.00000031 0 0 0 40.00000031-40.00000031 40.00000031 40.00000031 0 0 0-40.00000031-39.99999938 40.00000031 40.00000031 0 0 0-39.99999938 39.99999938 40.00000031 40.00000031 0 0 0 39.99999938 40.00000031m320.00000062 0a40.00000031 40.00000031 0 0 0 39.99999938-40.00000031 40.00000031 40.00000031 0 0 0-39.99999938-39.99999938 40.00000031 40.00000031 0 0 0-40.00000031 39.99999938 40.00000031 40.00000031 0 0 0 40.00000031 40.00000031z" horiz-adv-x="1024" />
<glyph glyph-name="jilianxuanze" unicode="&#59029;" d="M128 384v288c0 16 12.8 32 32 32h384c19.2 0 32-12.8 32-32v-288c0-16-12.8-32-32-32h-32v-64h64c35.2 0 64 28.8 64 64v352c0 35.2-28.8 64-64 64h-448c-35.2 0-64-28.8-64-64v-352c0-35.2 28.8-64 64-64h192v64h-160c-16 0-32 12.8-32 32zM896 480h-192v-64h160c19.2 0 32-12.8 32-32v-288c0-16-12.8-32-32-32h-384c-19.2 0-32 12.8-32 32v288c0 16 12.8 32 32 32h32v64h-64c-35.2 0-64-28.8-64-64v-352c0-35.2 28.8-64 64-64h448c35.2 0 64 28.8 64 64v352c0 35.2-28.8 64-64 64z" horiz-adv-x="1024" />
<glyph glyph-name="icon_clone" unicode="&#58886;" d="M992.00149812-96H212.97528125V683.02621687h779.02621688zM272.900375-36.074906250000026h659.17602937V623.1011240600001H272.900375zM153.0501875 82.57677937999995H32.00149813V864h781.42322062V742.95131063h-62.32209656v58.72659187H94.32359562v-656.77902656H153.0501875v-62.32209656z" horiz-adv-x="1025" />
<glyph glyph-name="wenjianshangchuan" unicode="&#58903;" d="M909.01333333-40.10666666999998H101.12c-41.17333333 0-74.66666667 33.49333333-74.66666667 74.66666667V711.89333333c0 41.17333333 33.49333333 74.66666667 74.66666667 74.66666667h350.50666667c41.17333333 0 74.66666667-33.49333333 74.66666666-74.66666667 0-11.73333333-9.6-21.33333333-21.33333333-21.33333333s-21.33333333 9.6-21.33333333 21.33333333c0 17.70666667-14.29333333 32-32 32H101.12c-17.70666667 0-32-14.29333333-32-32v-677.33333333c0-17.70666667 14.29333333-32 32-32h807.89333333c11.73333333 0 21.33333333-9.6 21.33333334-21.33333333s-9.38666667-21.33333333-21.33333334-21.33333334zM909.01333333-40.10666666999998c-11.73333333 0-21.33333333 9.6-21.33333333 21.33333334s9.6 21.33333333 21.33333333 21.33333333c17.70666667 0 32 14.29333333 32 32V473.38666667c0 17.70666667-14.29333333 32-32 32H277.97333333c-17.70666667 0-32-14.29333333-32-32v-286.50666667c0-11.73333333-9.6-21.33333333-21.33333333-21.33333333s-21.33333333 9.6-21.33333333 21.33333333V473.38666667c0 41.17333333 33.49333333 74.66666667 74.66666666 74.66666666h631.04c41.17333333 0 74.66666667-33.49333333 74.66666667-74.66666666v-438.82666667c0-41.17333333-33.49333333-74.66666667-74.66666667-74.66666667zM748.8 615.46666667h-190.08c-41.17333333 0-74.66666667 33.49333333-74.66666667 74.66666666v11.09333334c0 11.73333333 9.6 21.33333333 21.33333334 21.33333333s21.33333333-9.6 21.33333333-21.33333333v-11.09333334c0-17.70666667 14.29333333-32 32-32H748.8c11.73333333 0 21.33333333-9.6 21.33333333-21.33333333s-9.6-21.33333333-21.33333333-21.33333333zM171.52-40.10666666999998h-16.85333333c-11.73333333 0-21.33333333 9.6-21.33333334 21.33333334s9.6 21.33333333 21.33333334 21.33333333h16.85333333c17.70666667 0 32 14.29333333 32 32v179.84c0 11.73333333 9.6 21.33333333 21.33333333 21.33333333s21.33333333-9.6 21.33333334-21.33333333v-179.84c-0.21333333-41.17333333-33.49333333-74.66666667-74.66666667-74.66666667zM838.4 505.17333333c-11.73333333 0-21.33333333 9.6-21.33333333 21.33333334v56.74666666c0 17.70666667-14.29333333 32-32 32h-96.42666667c-11.73333333 0-21.33333333 9.6-21.33333333 21.33333334s9.6 21.33333333 21.33333333 21.33333333H785.06666667c41.17333333 0 74.66666667-33.49333333 74.66666666-74.66666667v-56.74666666c0-11.73333333-9.6-21.33333333-21.33333333-21.33333334zM603.94666667 114.55999999999995c-11.73333333 0-21.33333333 9.6-21.33333334 21.33333333V362.24c0 11.73333333 9.6 21.33333333 21.33333334 21.33333333s21.33333333-9.6 21.33333333-21.33333333v-226.34666667c0-11.73333333-9.6-21.33333333-21.33333333-21.33333333zM695.25333333 249.60000000000002c-5.54666667 0-10.88 2.13333333-15.14666666 6.18666667L588.8 347.09333332999995c-8.32 8.32-8.32 21.76 0 30.08 8.32 8.32 21.76 8.32 30.08 0L710.4 285.86666667c8.32-8.32 8.32-21.76 0-30.08-4.26666667-4.26666667-9.6-6.18666667-15.14666667-6.18666667zM512.42666667 249.60000000000002c-5.54666667 0-10.88 2.13333333-15.14666667 6.18666667-8.32 8.32-8.32 21.76 0 30.08l91.52 91.52c8.32 8.32 21.76 8.32 30.08 0 8.32-8.32 8.32-21.76 0-30.08l-91.52-91.52c-4.05333333-4.26666667-9.38666667-6.18666667-14.93333333-6.18666667z" horiz-adv-x="1024" />
<glyph glyph-name="fengexian" unicode="&#58990;" d="M879.49918815 123.44221391999997l-106.94140207-106.9426157h-60.37564683l167.31826253 167.31826253v-60.37564683z m0-78.59222755v-28.35038815h-28.34917452l28.35038815 28.35038815z m0 217.56010193L633.59112533 16.499598220000053H573.21547852l262.49959348 262.50080711h43.78532978v-16.59031703z m-122.3763437 16.59031703L494.6208237 16.499598220000053h-60.37443318l262.49959348 262.50080711h60.37564682z m-139.02127408 0L355.60319052 16.499598220000053h-60.37443319l262.49959349 262.50080711h60.37564681z m-138.96666074 0L216.63531615 16.499598220000053h-60.37564682l262.50080712 262.50080711h60.37443318z m-138.96787438 0L144.50081185 83.33296829999995v59.79674548l135.87069156 135.87069155h59.85014518z m-138.39018666 0l-57.27725037-57.278464v57.278464h57.278464z m677.72355319 395.69180445L746.30697718 541.49999882h-60.37443318l193.56785778 193.56785777v-60.37564681z m0-78.59222756v-54.5999834h-54.60119703l54.60119703 54.5999834z m-62.160896 155.40041956L607.34031645 541.49999882H546.96466963l210.00040296 210.00040296h60.37443319z m-138.96666075 0L468.37244208 541.49999882h-60.37443319l209.99918933 210.00040296h60.37564681z m-139.07224651 0L329.30019555 541.49999882h-60.3756468l210.00040295 210.00040296h60.37564682z m-138.9156883 0L190.38450725 541.49999882H144.50081185v14.43733807l195.5630649 195.56306489h60.37443317z m-138.96787437 0l-116.91743763-116.91743763v59.79674548l57.12069215 57.12069215h59.85014518zM39.50000355 436.50040415h944.9999929V384H39.50000355v52.50040415z" horiz-adv-x="1024" />
<glyph glyph-name="tupianyulan" unicode="&#59005;" d="M244.85839186 870.4039416h92.28987724c14.45049922 0 24.6618171-7.32121805 31.02058909-19.45880889 6.16545428-11.56039936 5.78019969-23.50743418-0.96244605-34.68257894-7.12928117-11.94427312-17.91917136-17.91779053-32.1777337-17.91779052-47.01210666 0.19331772-94.21615019 0.19331772-141.2296377 0-20.03738117 0-39.1123163-4.04586362-56.45291537-14.25856234-35.83696189-21.38646267-54.7185793-53.17618009-55.2971516-94.7947225-0.57857231-37.57267879-0.19331772-75.1425959-0.19331772-112.71389387 0-7.89979035-0.96244605-15.4143261-5.39494508-22.54360727-8.28504494-13.67999005-24.85513482-20.42263577-40.65333468-16.18345444-15.4143261 4.23918133-26.39615317 18.30304512-26.39615318 34.29456266 0 49.32501504-0.57857231 98.84196695 0.19331772 148.16698202 0.57719146 50.09552421 21.96365413 90.17028659 61.65454274 120.42036648 22.35028956 16.9567253 47.78261584 26.39615317 75.52785051 29.28763385 2.11959067 0.38387374 4.62443591 0.38387374 7.12928116 0.38387376h90.94217662z m534.476534 0h-92.29125808c-14.45049922 0-24.6618171-7.32121805-31.02058909-19.45880889-6.16545428-11.56039936-5.78019969-23.50743418 0.96382689-34.68257894 7.12928117-11.94427312 17.91917136-17.91779053 32.17635285-17.91779052 47.01210666 0.19331772 94.21753104 0.19331772 141.22963771 0 20.03876202 0 39.1123163-4.04586362 56.45291537-14.25856234 35.83834272-21.38646267 54.71996014-53.17618009 55.29853244-94.7947225 0.57719146-37.57267879 0.19331772-75.1425959 0.19331771-112.71389387 0-7.89979035 0.96244605-15.4143261 5.39356426-22.54360727 8.28504494-13.67999005 24.85513482-20.42263577 40.65471551-16.18345444 15.41294526 4.23918133 26.39615317 18.30304512 26.39615317 34.29456266 0 49.32501504 0.57719146 98.84196695-0.19331771 148.16698202-0.57719146 50.09552421-21.96503498 90.17028659-61.65454276 120.42036648-22.35028956 16.9567253-47.78399668 26.39615317-75.52923132 29.28763385-2.50484526 0.19193687-5.00969051 0.38387374-7.32121805 0.38387376h-90.7488589zM244.85839186-102.59725932000003h92.28987724c14.45049922 0 24.6618171 7.32121805 31.02058909 19.46018972 6.16545428 11.56039936 5.78019969 23.50605332-0.96244605 34.68119811-7.12928117 11.94565395-17.91917136 17.91917136-32.1777337 17.91917137-47.01210666-0.19331772-94.21615019-0.19331772-141.2296377 0-20.03738117 0-39.1123163 4.04586362-56.45291537 14.2571815-35.83696189 21.38646267-54.7185793 53.17756094-55.2971516 94.7947225-0.57857231 37.57267879-0.19331772 75.14397676-0.19331772 112.7152747 0 7.8984095-0.96244605 15.41294526-5.39494508 22.54222643-8.28504494 13.67999005-24.85513482 20.42263577-40.65333468 16.18345446-15.4143261-4.23780048-26.39615317-18.30304512-26.39615318-34.29456268 0-49.3236342-0.57857231-98.84058611 0.19331772-148.16560116 0.57719146-50.09552421 21.96365413-90.17166743 61.65454274-120.42174734 22.35028956-16.95534446 47.78261584-26.39615317 75.52785051-29.28625302 2.50484526-0.19331772 5.00969051-0.38525459 7.32121805-0.38525459h90.74885888z m534.476534 0h-92.29125808c-14.45049922 0-24.6618171 7.32121805-31.02058909 19.46018972-6.16545428 11.56039936-5.78019969 23.50605332 0.96382689 34.68119811 7.12928117 11.94565395 17.91917136 17.91917136 32.17635285 17.91917137 47.01210666-0.19331772 94.21753104-0.19331772 141.22963771 0 20.03876202 0 39.1123163 4.04586362 56.45291537 14.2571815 35.83834272 21.38646267 54.71996014 53.17756094 55.29853244 94.7947225 0.57719146 37.57267879 0.19331772 75.14397676 0.19331771 112.7152747 0 7.8984095 0.96244605 15.41294526 5.39356426 22.54222643 8.28504494 13.67999005 24.85513482 20.42263577 40.65471551 16.18345446 15.41294526-4.23780048 26.39615317-18.30304512 26.39615317-34.29456268 0-49.3236342 0.57719146-98.84058611-0.19331771-148.16560116-0.57719146-50.09552421-21.96503498-90.17166743-61.65454276-120.42174734-22.35028956-16.95534446-47.78399668-26.39615317-75.52923132-29.28625302-2.50484526-0.19331772-5.00969051-0.38525459-7.32121805-0.38525459h-90.7488589zM214.60831195 192.38624235999998c5.78019969-14.45049922 17.53391677-22.92886187 31.40584368-22.92886187h528.88965203c9.44080871 0 17.72585364 3.85392674 24.4684994 11.56039937s13.67999005 17.14866218 13.67999002 28.13048924V546.32750463c0 29.28763387-12.13759084 43.93006994-26.01089858 49.71026963-13.8719269 5.97213657-28.514363 1.54101836-38.14987025-11.17514477L564.50371061 339.97465204c-6.74402658-9.05555411-15.60626299-13.67999005-26.01089857-13.67999003s-19.266872 4.62443591-26.01089858 13.67999003l-82.07855938 109.05328485c-6.93734429 9.05555411-15.79958069 13.67860919-26.20421629 13.67860917s-19.266872-4.81637279-26.2042163-13.87192689L219.80993932 234.77391308999995c-9.247491-12.13759084-10.98182707-27.93717153-5.20162737-42.38767073z" horiz-adv-x="1024" />
<glyph glyph-name="time" unicode="&#58880;" d="M512 864C247.32000031 864 32 648.6799996899999 32 384s215.32000031-480 480-480 480 215.32000031 480 480S776.67999969 864 512 864z m0-880.00000031C291.44-16.00000031000002 111.99999969 163.44000000000005 111.99999969 384S291.44 784.00000031 512 784.00000031s400.00000031-179.44000031 400.00000031-400.00000031-179.44000031-400.00000031-400.00000031-400.00000031zM697.92000031 266.35999969L531.99999969 362.32000030999995V624a40.00000031 40.00000031 0 0 1-79.99999969 0v-280.00000031c0-14.83999969 18.43999969-27.28000031 30.43999969-34.15999969 3.31999969-4.99999969 12.43999969-9.52000031 18-12.72l165-100.00000031c19.12000031-11.04 39.84-4.48000031 50.88 14.64s0.76000031 43.56-18.39999938 54.6z" horiz-adv-x="1024" />
<glyph glyph-name="icon-test" unicode="&#58885;" d="M538.241705 33.47251200000005l-199.14943101-102.265924c-102.265924-53.824171-166.854929-5.382417-150.70767699 107.648341l37.676919 220.679099-161.472511 156.09009399c-80.736256 80.736256-53.824171 156.090095 59.206587 172.23734601l220.679099 32.29450199 96.88350699 199.14943101c48.44175299 102.265924 134.56042601 102.265924 183.00218 0l96.88350701-199.14943101 220.679099-32.29450199c113.03075799-16.147251 139.942843-96.883507 59.206588-172.23734601l-161.472512-156.09009399 37.67692-220.679099c21.529668-113.03075799-48.44175299-161.472512-150.70767801-107.648341l-188.38459699 102.265924zM538.241705 33.47251200000005l-199.14943101-102.265924c-102.265924-53.824171-166.854929-5.382417-150.70767699 107.648341l37.676919 220.679099-161.472511 156.09009399c-80.736256 80.736256-53.824171 156.090095 59.206587 172.23734601l220.679099 32.29450199 96.88350699 199.14943101c48.44175299 102.265924 134.56042601 102.265924 183.00218 0l96.88350701-199.14943101 220.679099-32.29450199c113.03075799-16.147251 139.942843-96.883507 59.206588-172.23734601l-161.472512-156.09009399 37.67692-220.679099c21.529668-113.03075799-48.44175299-161.472512-150.70767801-107.648341l-188.38459699 102.265924z" horiz-adv-x="1076" />
<glyph glyph-name="tupian" unicode="&#58974;" d="M900.31129741 802.8292824499999H123.68605267c-48.82480157 0-90.02192732-39.6710619-90.02192733-90.02192732v-657.61471026c0-48.82480157 39.6710619-90.02192732 90.02192733-90.02192732h776.62524474c48.82480157 0 90.02192732 39.6710619 90.02192733 90.02192732V712.80735513c0 50.35086542-39.6710619 90.02192732-90.02192733 90.02192732zM94.6961199 712.80735513c0 16.78406412 13.73193381 30.51599792 30.51599792 30.51599662h776.62524473c16.78406412 0 30.51732224-13.73193381 30.51732224-30.51599662v-352.45738614c-48.82612588 39.6710619-131.21772876 93.07405632-231.9194609 93.07405761-93.07405632 0-183.09465934-71.71179936-271.5905215-140.37279274-67.13492953-53.40299571-137.32066374-108.33073097-186.14546531-108.33073097-68.66099468 0-128.16692407 50.35086542-148.00179158 70.18573421V712.80735513h-0.0013256z m836.13117544-656.0886451c0-16.78406412-13.73193381-30.51599792-30.51599793-30.51599793H123.68605267c-16.78406412 0-30.51599792 13.73193381-30.51599663 30.51599793V198.61756790000004c35.09286775-25.93780247 86.96979833-51.87693057 148.00046727-51.87693056 70.18705853 0 144.94966257 57.97986556 222.76572123 120.53792525 79.34079819 62.55673538 163.25979183 128.16559977 234.97026558 128.16559846 128.16692407 0 230.39472006-112.9076008 231.9194609-114.43499027v-224.29046075h0.00132432zM332.71851578 384.76303193c65.60886438 0 119.0118601 53.40299571 119.01186009 119.01186009s-53.40299571 119.01053578-119.01186009 119.01053579c-65.60754006 0-119.01053578-53.40167011-119.01053579-119.01053579s53.40299571-119.0118601 119.01053579-119.01186009z m0 180.04253032c33.56812692 0 59.5059294-27.46519194 59.50592939-59.5059294 0-33.56680261-27.46386763-59.5059294-59.50592939-59.50593068-33.56680261 0-59.50460508 27.46519194-59.50460509 59.50593068 0 32.04206177 27.46386763 59.5059294 59.50460509 59.5059294z" horiz-adv-x="1024" />
<glyph glyph-name="ad-icon-tooltip" unicode="&#58942;" d="M513.805996-54.556143c-240.197531 0-435.24515 194.74662-435.245149 435.245149S273.307466 815.934156 513.805996 815.934156s435.24515-194.74662 435.24515-435.24515-195.047619-435.24515-435.24515-435.245149z m0 812.096413c-208.291593 0-377.152263-168.86067-377.152263-377.152263s168.86067-377.152263 377.152263-377.152263S890.95826 172.096414 890.95826 380.388007 722.09759 757.54027 513.805996 757.54027zM579.423868 366.542034c-36.119929-21.069959-53.577895-48.460905-52.072898-81.570841v-20.46796h-51.470899s-1.805996 41.537919 6.019988 68.326867c6.621987 21.972957 26.186949 44.848912 52.072898 63.209876 45.450911 30.099941 66.52087 61.102881 63.510876 93.008819-4.514991 45.450911-31.002939 69.530864-79.162845 72.540858-55.985891 1.504997-91.503821-29.497942-106.553792-93.008818l-54.781893 26.186949 9.029982 23.477954c24.982951 64.413874 78.861846 95.717813 161.335685 93.008818 81.570841-4.514991 126.118754-43.945914 133.643739-117.69077 4.514991-46.955908-22.574956-89.396825-81.570841-127.021752zM527.952969 149.521458h-52.072898v58.092887h52.072898V149.521458z" horiz-adv-x="1024" />
<glyph glyph-name="check-box" unicode="&#58894;" d="M740 606L422 288 284 444c-24 24-60 24-84 0-24-24-24-60 0-84l174-198c12-12 30-18 42-18 18 0 30 6 42 18l360 360c24 24 24 60 0 84-18 24-60 24-78 0zM872 864H152C86 864 32 810 32 744v-720c0-66 54-120 120-120h720c66 0 120 54 120 120V744c0 66-54 120-120 120z m60-840c0-36-24-60-60-60H152c-36 0-60 24-60 60V744c0 36 24 60 60 60h720c36 0 60-24 60-60v-720z" horiz-adv-x="1024" />
<glyph glyph-name="switch" unicode="&#58976;" d="M752.2816 634.38506667H271.7184C133.4336 634.38506667 21.33333333 522.28266667 21.33333333 384c0-138.28693333 112.10026667-250.38506667 250.38506667-250.38506667h480.5632C890.5664 133.61493332999999 1002.66666667 245.71306667 1002.66666667 384c0 138.28266667-112.10026667 250.38506667-250.38506667 250.38506667z m0-475.17013334H271.7184C147.77173333 159.21493333 46.93333333 260.05333333 46.93333333 384s100.8384 224.78506667 224.78506667 224.78506667h480.5632C876.22826667 608.78506667 977.06666667 507.94666667 977.06666667 384s-100.8384-224.78506667-224.78506667-224.78506667zM741.67466667 384m-167.03573334 0a167.03573333 167.03573333 0 1 1 334.07146667 0 167.03573333 167.03573333 0 1 1-334.07146667 0Z" horiz-adv-x="1024" />
<glyph glyph-name="pingfen" unicode="&#58944;" d="M765.3632-39.8592c-4.1728 0-8.3712 1.024-12.1856 3.072l-253.1072 136.9344-262.4-135.0144a25.4976 25.4976 0 0 0-27.4432 2.6112 25.5232 25.5232 0 0 0-9.1904 25.984l64.128 275.1232-206.976 192.5888c-7.3216 6.8096-10.0096 17.2288-6.8864 26.7008s11.4688 16.3072 21.376 17.4592l293.2736 34.0224 133.4784 254.5408c4.5312 8.6528 13.3888 14.4128 23.3728 13.696a25.6 25.6 0 0 0 22.6048-14.9504l116.0704-254.5408 290.0736-36.224a25.6 25.6 0 0 0 13.6192-44.7232l-220.4416-191.5648 45.0816-270.9248a25.6 25.6 0 0 0-23.936-34.7392l-0.512-0.0512z m-264.96 194.56c4.1984 0 8.3968-1.024 12.1856-3.072l218.9312-118.4512-39.6544 238.3872a25.6 25.6 0 0 0 8.448 23.5264l187.9808 163.328-247.3472 30.8992a25.5488 25.5488 0 0 0-20.1216 14.7712l-100.3264 220.0064-115.5072-220.2368a25.6 25.6 0 0 0-19.7376-13.5424l-251.6224-29.184 177.2544-164.9152c6.7072-6.2464 9.5744-15.616 7.5008-24.5504l-54.9376-235.6736 225.2032 115.8912a26.112 26.112 0 0 0 11.7504 2.816z" horiz-adv-x="1024" />
<glyph glyph-name="input" unicode="&#59058;" d="M857 684H167c-74.25 0-135-60.75-135-135v-330c0-74.25 60.75-135 135-135h690c74.25 0 135 60.75 135 135V549c0 74.25-60.75 135-135 135z m82.50000001-465c0-21.9375-8.625-42.5625-24.18750001-58.3125-15.75-15.75-36.375-24.1875-58.3125-24.18750001H167c-21.9375 0-42.5625 8.625-58.3125 24.18750001C93.125 176.4375 84.49999999 197.0625 84.49999999 219V549c0 21.9375 8.625 42.5625 24.18750001 58.3125C124.4375 622.875 145.0625 631.50000001 167 631.50000001h690c21.9375 0 42.5625-8.625 58.3125-24.18750001 15.75-15.75 24.1875-36.375 24.18750001-58.3125v-330zM321.6875 255.5625m-27.18749999 0a27.1875 27.1875 0 1 1 54.37499999 0 27.1875 27.1875 0 1 1-54.37499999 0ZM428.5625 255.5625m-27.1875 0a27.1875 27.1875 0 1 1 54.375 0 27.1875 27.1875 0 1 1-54.375 0ZM535.4375 255.5625m-27.1875 0a27.1875 27.1875 0 1 1 54.375 0 27.1875 27.1875 0 1 1-54.375 0ZM176.375 539.625h52.5v-311.25H176.375z" horiz-adv-x="1024" />
<glyph glyph-name="radio-active" unicode="&#58901;" d="M512.03626531 864a479.99298094 479.99298094 0 1 1 479.96373656-479.99298094A479.96373655 479.96373655 0 0 1 512.03626531 864z m0-867.63125344a387.66751687 387.66751687 0 1 0 387.6382725 387.6382725 387.66751687 387.66751687 0 0 0-387.6382725-387.6382725zM512.03626531 384.00701906m-187.54615218 0a187.5461522 187.5461522 0 1 1 375.09230437 0 187.5461522 187.5461522 0 1 1-375.09230438 0Z" horiz-adv-x="1024" />
<glyph glyph-name="color" unicode="&#58927;" d="M272.25960294 585.11056595c0 41.42522469 33.14017975 74.56540445 70.42288198 74.56540444s70.42288197-33.14017975 70.42288197-74.56540444S384.10770961 514.6876839700001 342.68248492 514.6876839700001s-70.42288197 33.14017975-70.42288198 70.42288198zM131.41383899 440.12227953C131.41383899 481.54750422 164.55401872 514.6876839700001 201.83672095 514.6876839700001s70.42288197-33.14017975 70.42288199-74.56540444-33.14017975-70.42288197-70.42288199-70.42288197-70.42288197 33.14017975-70.42288196 70.42288197zM462.81563651 634.82083557c0 41.42522469 33.14017975 74.56540445 70.42288199 74.56540445 37.28270222 0 70.42288197-33.14017975 70.42288196-74.56540443s-33.14017975-70.42288197-70.42288196-70.42288198c-37.28270222 0-70.42288197 33.14017975-70.42288199 70.42288196zM462.81563651 224.71111113999996c0 53.8527921 41.42522469 95.2780168 95.27801679 95.27801681s95.2780168-41.42522469 95.27801679-95.27801681-41.42522469-95.2780168-95.27801679-95.2780168-95.2780168 41.42522469-95.27801679 95.2780168zM508.38338368 754.95398719C272.25960294 754.95398719 81.70356935 593.39561089 81.70356935 390.41200989s190.55603358-360.39945482 426.67981433-360.39945481c66.2803595 0 115.99062914 8.28504494 157.41585383 24.85513481 28.99765728 12.42756741 53.8527921 28.99765728 66.2803595 49.71026964 28.99765728 45.56774717 8.28504494 111.84810667-12.4275674 153.27333136-45.56774717 95.2780168-4.14252247 136.70324148 16.57008987 149.13080889 12.42756741 8.28504494 24.85513482 12.42756741 37.28270222 12.42756741 20.71261235 0 53.8527921-8.28504494 86.99297186-57.99531457 16.57008987-28.99765728 37.28270222-37.28270222 45.56774715-37.28270223 16.57008987 0 28.99765728 28.99765728 28.99765728 74.56540445 0 194.69855605-190.55603358 356.25693235-426.67981431 356.25693235z m0-770.50917926c-124.27567408 0-244.40882569 41.42522469-331.40179754 120.1331516-45.56774717 37.28270222-78.70792691 82.85044939-103.56306173 132.56071902-24.85513482 45.56774717-37.28270222 99.42053925-37.28270221 157.41585382S48.56338961 502.26011655 73.41852441 556.11290866c24.85513482 49.71026963 57.99531457 91.13549431 103.56306172 132.56071901C263.97455799 763.23903212 384.10770961 804.66425682 508.38338368 804.66425682s244.40882569-41.42522469 331.40179754-120.1331516c45.56774717-37.28270222 78.70792691-82.85044939 103.56306172-132.56071902 24.85513482-49.71026963 37.28270222-103.56306173 37.28270221-161.55837629 0-91.13549431-37.28270222-120.13315161-74.56540444-120.13315161-28.99765728 0-62.13783703 20.71261235-86.99297185 57.99531456-16.57008987 24.85513482-33.14017975 37.28270222-45.56774716 37.28270222-4.14252247 0-8.28504494 0-12.42756742-4.14252246-24.85513482-16.57008987-12.42756741-62.13783703 0-82.85044938 37.28270222-78.70792691 41.42522469-149.13080889 8.28504496-202.98360098-37.28270222-62.13783703-124.27567408-91.13549431-260.97891556-91.13549431z" horiz-adv-x="1024" />
<glyph glyph-name="slider" unicode="&#58893;" d="M954.73208889 826.73208889h-862.16248889c-23.30168889 0-38.83614777-15.53445888-38.83614777-38.83614777v-7.76723001c0-23.30168889 15.53445888-38.83614777 38.83614777-38.83614777h862.16248889c7.76723001 0 15.53445888 0 23.30168889 7.76722887s7.76723001 15.53445888 7.76723001 23.30168889v7.76723001c0 31.0689189-15.53445888 46.60337778-31.0689189 46.60337778zM799.38749667 865.56823666h-77.67229667c-23.30168889 0-38.83614777-15.53445888-38.83614777-38.83614777v-77.67229668c0-23.30168889 15.53445888-38.83614777 38.83614777-38.83614776h77.67229667c23.30168889 0 38.83614777 15.53445888 38.83614778 38.83614776v77.67229668c0 23.30168889-15.53445888 38.83614777-38.83614778 38.83614777zM954.73208889 477.20675555h-862.16248889c-23.30168889 0-38.83614777-15.53445888-38.83614777-38.83614776v-7.76723001c0-23.30168889 15.53445888-38.83614777 38.83614777-38.83614777h862.16248889c23.30168889 0 38.83614777 15.53445888 38.83614777 38.83614777v7.76723001c-7.76723001 23.30168889-23.30168889 38.83614777-38.83614777 38.83614776zM558.60337778 516.04290333h-77.67229668c-23.30168889 0-38.83614777-15.53445888-38.83614777-38.83614778v-77.67229667c0-23.30168889 15.53445888-38.83614777 38.83614777-38.83614777h77.67229668c23.30168889 0 38.83614777 15.53445888 38.83614777 38.83614777v77.67229667c0 23.30168889-15.53445888 38.83614777-38.83614777 38.83614778zM954.73208889 127.68142221999994h-862.16248889c-7.76723001 0-15.53445888 0-23.30168889-7.76723001-7.76723001-7.76723001-7.76723001-15.53445888-7.76723001-23.30168888v-7.76722888c0-23.30168889 15.53445888-38.83614777 38.83614891-38.8361489h862.16248889c23.30168889 0 38.83614777 15.53445888 38.83614777 38.8361489v7.76722888c-15.53445888 15.53445888-31.0689189 31.0689189-46.60337778 31.06891889zM333.3537189 166.51756998999997h-77.67229668c-23.30168889 0-38.83614777-15.53445888-38.83614777-38.83614777v-77.67229667c0-23.30168889 15.53445888-38.83614777 38.83614777-38.83614777h77.67229668c23.30168889 0 38.83614777 15.53445888 38.83614777 38.83614777v77.67229667c0 23.30168889-15.53445888 38.83614777-38.83614777 38.83614777z" horiz-adv-x="1024" />
<glyph glyph-name="icon_bars" unicode="&#59332;" d="M40.67299953 413.45793709l942.65400094 0 0-58.91587418-942.65400094 0 0 58.91587418ZM40.67299953 118.87856196999996l942.65400094 0 0-58.91587557-942.65400094 0 0 58.91587557ZM40.67299953 708.0373136000001l942.65400094 0 0-58.91587557-942.65400094 0 0 58.91587557Z" horiz-adv-x="1024" />
<glyph glyph-name="fuwenbenkuang" unicode="&#59010;" d="M198.73792 601.890816h93.74378667v-218.73186133h-31.24974934v-31.244288H386.22549333v31.244288h-31.24974933V601.890816h93.73832533v-31.244288h31.24974934V664.3848533299999H167.48817067v-93.73832533h31.24974933zM542.46331733 539.39677867h312.475648v-62.49403734h-312.475648zM542.46331733 414.408704h312.475648v-62.49403733h-312.475648zM167.48817067 289.415168h687.45079466v-62.49403733H167.493632v62.49403733zM167.48817067 164.42709333000005h687.45079466v-62.49403733H167.493632v62.49403733zM542.46331733 664.3848533299999h312.475648v-62.49403733h-312.475648zM30.982144 862.60394667v-958.889984h960.462848V862.60394667H30.982144zM927.06133333-31.94606933H96.93866667V796.696576h830.12266666v-828.64264533z" horiz-adv-x="1024" />
<glyph glyph-name="date" unicode="&#59039;" d="M205 344h120c13.30000001 0 24 10.70000001 24 24s-10.70000001 24-24 24H205c-13.30000001 0-24-10.70000001-24-24s10.70000001-24 24-24zM453 344h120c13.30000001 0 24 10.70000001 24 24s-10.70000001 24-24 24H453c-13.30000001 0-24-10.70000001-24-24s10.70000001-24 24-24zM701 344h120c13.30000001 0 24 10.70000001 24 24s-10.70000001 24-24 24H701c-13.30000001 0-24-10.70000001-24-24s10.70000001-24 24-24zM205 209h120c13.30000001 0 24 10.70000001 24 24s-10.70000001 24-24 24H205c-13.30000001 0-24-10.70000001-24-24s10.70000001-24 24-24zM453 209h120c13.30000001 0 24 10.70000001 24 24s-10.70000001 24-24 24H453c-13.30000001 0-24-10.70000001-24-24s10.70000001-24 24-24zM701 209h120c13.30000001 0 24 10.70000001 24 24s-10.70000001 24-24 24H701c-13.30000001 0-24-10.70000001-24-24s10.70000001-24 24-24zM205 73h120c13.30000001 0 24 10.70000001 24 24s-10.70000001 24-24 24H205c-13.30000001 0-24-10.70000001-24-24s10.70000001-24 24-24zM453 73h120c13.30000001 0 24 10.70000001 24 24s-10.70000001 24-24 24H453c-13.30000001 0-24-10.70000001-24-24s10.70000001-24 24-24zM701 73h120c13.30000001 0 24 10.70000001 24 24s-10.70000001 24-24 24H701c-13.30000001 0-24-10.70000001-24-24s10.70000001-24 24-24zM870 780H745V832c0 13.30000001-10.70000001 24-24 24s-24-10.70000001-24-24v-52H327V832c0 13.30000001-10.70000001 24-24 24s-24-10.70000001-24-24v-52H154c-51.90000001 0-94-42.10000001-94-94v-692c0-51.90000001 42.10000001-94 94-94h716c51.90000001 0 94 42.10000001 94 94V686c0 51.90000001-42.10000001 94-94 94z m46-786c0-25.4-20.6-46-46-46H154c-25.4 0-46 20.6-46 46V509h808v-515z m0 563H108V686c0 25.4 20.6 46 46 46h125v-68c0-13.30000001 10.70000001-24 24-24s24 10.70000001 24 24v68h370v-68c0-13.30000001 10.70000001-24 24-24s24 10.70000001 24 24v68h125c25.4 0 46-20.6 46-46v-129z" horiz-adv-x="1024" />
<glyph glyph-name="ic" unicode="&#58913;" d="M872-95.94000000999995H152a120 120 0 0 0-120 120.00000002v720a120 120 0 0 0 120 120h720a120 120 0 0 0 120-120v-720a120 120 0 0 0-120-120zM812 84H212v-60h600v60zM464.29999999 264L332 396.36 559.70000001 624 692 491.70000001 464.29999999 264zM212 144.05999999000005L262.88 324 392 194.88l-180-50.82000001zM572 631.44l87.72 87.72c24.18000001 24.24 62.88 24.90000001 86.34000001 1.38000001l42.47999998-42.48c23.46000001-23.46000001 22.86000001-62.10000001-1.37999999-86.34000001L699.44 504" horiz-adv-x="1024" />
<glyph glyph-name="trash" unicode="&#58895;" d="M828.6464 613.89531401h-1.404343c-19.518171 0-35.338971-15.8208-35.33897099-35.33531401v-493.897143a35.254857 35.254857 0 0 1 1.69691399-10.821486l0.117029-51.671771c0-30.679771-13.31931401-47.09668599-45.696-47.09668601l-469.6832 1.2032c-32.35108601 0-46.588343 14.01051401-46.58834299 44.68662901V563.624229h-0.27428601V578.56c0 19.51451399-15.8208 35.33531399-35.33531399 35.33531399h-1.40434301c-19.51451399 0-35.33531399-15.8208-35.335314-35.33531399v-14.939429h-0.424229V20.73599999999999c0-61.520457 52.618971-111.5392 117.295543-111.5392h468.970057c64.67291401 0 117.31748601 50.0224 117.31748601 111.5392v53.994057a35.364571 35.364571 0 0 1 1.42628499 9.929143V578.56c-0.003657 19.51451399-15.824457 35.33531399-35.338971 35.33531399z m0 0M388.476343 83.78148598999996V454.11108601c0 19.024457-15.422171 34.453943-34.450286 34.45394299-19.024457 0-34.446629-15.422171-34.446628-34.45394299V83.78514299999995a34.45028599 34.45028599 0 0 1 68.896914-0.00365701z m154.59474299 2e-8V454.11108601c0 19.024457-15.422171 34.453943-34.45028599 34.45394299-19.024457 0-34.446629-15.422171-34.446629-34.45394299V83.78514299999995a34.45028599 34.45028599 0 0 1 68.89691499-0.00365701z m154.5984 0V454.11108601c0 19.024457-15.422171 34.453943-34.45028599 34.45394299-19.024457 0-34.446629-15.422171-34.446629-34.45394299V83.78514299999995a34.45028599 34.45028599 0 0 1 68.89691499-0.00365701z m224.35108501 637.98125699h-198.048914V789.504c1.19588599 56.279771-47.535543 69.847771-96.17554301 69.847771h-234.04251399c-60.405029 0-94.858971-21.617371-94.858971-67.90948501l-0.248686-69.67954299h-198.144c-19.51451399 0-35.33531399-15.8208-35.335314-35.335314v-1.76274301c0-19.51451399 15.8208-35.33531399 35.335314-35.33531499h821.51497099c19.521829 0 35.342629 15.8208 35.34262901 35.33531499v1.76274301c0 19.51451399-15.8208 35.33531399-35.34262901 35.335314h0.00365701zM364.181943 768.4864c0 15.484343 11.483429 28.990171 27.794286 28.990171l234.532571-1.20685699c16.2816 0 30.632229-11.12868601 30.632229-26.61668501l0.190171-47.890286H364.181943V768.4864z m0 0" horiz-adv-x="1024" />
<glyph glyph-name="grid-" unicode="&#59053;" d="M422 819H92a15 15 0 0 1-15-15v-330a15 15 0 0 1 15-15h330a15 15 0 0 1 15 15V804a15 15 0 0 1-15 15zM932 819H602a15 15 0 0 1-15-15v-330a15 15 0 0 1 15-15h330a15 15 0 0 1 15 15V804a15 15 0 0 1-15 15zM422 309H92a15 15 0 0 1-15-15v-330a15 15 0 0 1 15-15h330a15 15 0 0 1 15 15V294a15 15 0 0 1-15 15zM932 309H602a15 15 0 0 1-15-15v-330a15 15 0 0 1 15-15h330a15 15 0 0 1 15 15V294a15 15 0 0 1-15 15z" horiz-adv-x="1024" />
<glyph glyph-name="drag" unicode="&#59458;" d="M994.17505185 390.91768889L839.31591111 513.13019259c-5.70405925 4.49042963-14.19946667 0.48545185-14.19946666-6.91768889V427.69066667H555.69066667V697.11644445h78.6432c7.28177778 0 11.40811852 8.49540741 6.91768888 14.19946666L518.91768889 866.17505185c-3.51952592 4.49042963-10.31585185 4.49042963-13.71401481 0L382.86980741 711.31591111c-4.49042963-5.70405925-0.48545185-14.19946667 6.91768889-14.19946666H468.30933333v-269.42577778H198.88355555v78.6432c0 7.28177778-8.49540741 11.40811852-14.19946666 6.91768888L29.82494815 390.91768889c-4.49042963-3.51952592-4.49042963-10.31585185 0-13.71401481l154.73777777-122.33386667c5.70405925-4.49042963 14.19946667-0.48545185 14.19946667 6.91768889V340.30933332999996h269.42577778v-269.42577778h-78.6432c-7.28177778 0-11.40811852-8.49540741-6.91768889-14.19946666l122.33386667-154.73777778c3.51952592-4.49042963 10.31585185-4.49042963 13.71401482 0l122.33386666 154.73777778c4.49042963 5.70405925 0.48545185 14.19946667-6.91768888 14.19946666H555.69066667V340.30933332999996h269.42577778v-78.6432c0-7.28177778 8.49540741-11.40811852 14.19946666-6.91768888l154.73777778 122.33386666c4.49042963 3.51952592 4.49042963 10.31585185 0.12136296 13.83537778z" horiz-adv-x="1024" />
<glyph glyph-name="shangchuan" unicode="&#58949;" d="M909.94133333 461.94133333a259.85066667 259.85066667 0 0 1-140.32 72.98133334 261.41866667 261.41866667 0 0 1-515.2 0 259.85066667 259.85066667 0 0 1-140.32-72.98133334C64.576 412.45866667 37.33333333 346.90133333000006 37.33333333 277.33333332999996s27.24266667-135.12533333 76.72533334-184.608S229.09866667 16 298.66666667 16h218.35733333a48 48 0 0 1 48 48V246.784L603.73333333 208a48 48 0 0 1 67.88266667 67.88266667L550.95466667 396.608l-0.096 0.096c-0.53333333 0.52266667-1.06666667 1.06666667-1.61066667 1.536l-0.896 0.77866667-0.88533333 0.75733333c-0.37333333 0.30933333-0.75733333 0.59733333-1.14133334 0.896l-0.69333333 0.53333333c-0.416 0.30933333-0.84266667 0.608-1.26933333 0.90666667l-0.62933334 0.43733333c-0.448 0.29866667-0.88533333 0.576-1.33333333 0.85333334-0.21333333 0.13866667-0.42666667 0.27733333-0.65066667 0.40533333-0.43733333 0.26666667-0.87466667 0.512-1.32266666 0.75733333l-0.72533334 0.416c-0.42666667 0.224-0.84266667 0.43733333-1.26933333 0.64l-0.85333333 0.42666667-1.17333334 0.53333333-1.06666666 0.43733334-1.06666667 0.40533333q-0.59733333 0.24533333-1.184 0.448c-0.30933333 0.11733333-0.608 0.21333333-0.91733333 0.30933333l-1.344 0.43733334-0.81066667 0.23466666-1.46133333 0.39466667-0.75733334 0.17066667-1.536 0.34133333-0.75733333 0.128c-0.512 0.096-1.06666667 0.192-1.54666667 0.26666667l-0.864 0.10666666c-0.48 0.064-0.96 0.128-1.44 0.17066667s-0.768 0.064-1.16266666 0.08533333-0.77866667 0.07466667-1.184 0.08533334c-0.72533333 0-1.45066667 0.05333333-2.13333334 0.064h-0.36266666c-0.72533333 0-1.45066667 0-2.13333334-0.064-0.40533333 0-0.8-0.05333333-1.19466666-0.08533334s-0.768 0-1.152-0.08533333-0.96-0.10666667-1.44-0.17066667l-0.864-0.10666666c-0.52266667-0.07466667-1.06666667-0.17066667-1.54666667-0.26666667l-0.75733333-0.128-1.54666667-0.34133333-0.736-0.17066667-1.48266667-0.40533333c-0.26666667-0.07466667-0.53333333-0.13866667-0.8-0.224l-1.35466666-0.43733334-0.896-0.29866666-1.20533334-0.45866667-1.06666666-0.40533333c-0.352-0.13866667-0.69333333-0.29866667-1.06666667-0.448l-1.152-0.52266667-0.87466667-0.42666667-1.248-0.64-0.74666666-0.416c-0.43733333-0.24533333-0.87466667-0.49066667-1.312-0.75733333-0.224-0.128-0.43733333-0.27733333-0.66133334-0.416-0.43733333-0.27733333-0.88533333-0.544-1.312-0.84266667-0.224-0.13866667-0.43733333-0.29866667-0.65066666-0.448-0.416-0.288-0.84266667-0.58666667-1.25866667-0.896l-0.704-0.544-1.13066667-0.88533333-0.90666666-0.77866667c-0.288-0.256-0.58666667-0.50133333-0.864-0.75733333-0.56533333-0.50133333-1.06666667-1.06666667-1.64266667-1.55733333l-0.08533333-0.07466667-0.096-0.10666667c-0.52266667-0.52266667-1.06666667-1.06666667-1.536-1.61066666l-0.768-0.896c-0.256-0.288-0.512-0.576-0.75733334-0.87466667l-0.39466666-0.49066667-117.06666667-117.13066666a48 48 0 0 1 67.88266667-67.88266667L469.024 246.39999999999998v-134.4H298.66666667c-91.168 0-165.33333333 74.16533333-165.33333334 165.33333333s74.16533333 165.33333333 165.33333334 165.33333334h48v48c0 91.168 74.16533333 165.33333333 165.33333333 165.33333333s165.33333333-74.16533333 165.33333333-165.33333333v-48h48c91.168 0 165.33333333-74.16533333 165.33333334-165.33333334s-74.16533333-165.33333333-165.33333334-165.33333333a48 48 0 0 1 0-96c69.568 0 135.136 27.25333333 184.608 76.72533333S986.66666667 207.76533332999998 986.66666667 277.33333332999996s-27.24266667 135.12533333-76.72533334 184.608z" horiz-adv-x="1024" />
<glyph glyph-name="zhage" unicode="&#58943;" d="M1127.43971643 712.12081484h-188.32952032V55.84151797000004h188.33705393c12.99525705 0 24.06194218 4.59542422 33.29799058 13.73353746 9.19084844 9.19084844 13.80133905 20.20479924 13.80133987 33.14732192V665.23995547c0 12.93498907-4.61049143 23.98660703-13.79380627 33.14732108-9.24358282 9.16824765-20.31026798 13.76367188-33.30552418 13.76367188v-0.03013357z m-282.50558047 0.03013359h-282.50558048v-656.27176329h282.50558048V712.15848203zM468.26002893 55.87918516000002V712.15848203h-188.33705392c-12.99525705 0-24.06194218-4.59542422-33.29799062-13.77120548-9.17578125-9.15318045-13.80133905-20.20479924-13.80133905-33.14732108v-562.50251092c0-12.94252267 4.6255578-23.95647344 13.79380547-33.1473219 9.24358282-9.13811408 20.31026798-13.7335383 33.3055242-13.73353748h188.33705392v0.03013358zM279.91544222 805.875h847.53180782c38.95563593 0 72.26116095-13.7335383 99.85630544-41.20814767C1254.8987008 737.19977655 1268.69250626 704.05245547 1268.69250626 665.23995547v-562.51004452c0-38.78236642-13.79380545-71.95982107-41.38895078-99.41183048-27.59514532-27.45954217-60.90066954-41.19308047-99.85630544-41.19308047H279.91544222c-38.95563593 0-72.27622734 13.7335383-99.85630625 41.19308047C152.46399062 30.77008903000001 138.67018517 63.94754452999996 138.67018517 102.72991094999998V665.23995547C138.67018517 704.05245547 152.46399062 737.19977655 180.05913597 764.66685232 207.63168048 792.1414617 240.95980547 805.875 279.92297501 805.875z" horiz-adv-x="1371" />
<glyph glyph-name="number" unicode="&#59243;" d="M63.39047573-6.095238399999971h897.21904854c11.7028576 0 19.5047616-7.80190507 19.5047616-19.5047616v-39.00952427c0-11.7028576-7.80190507-19.5047616-19.5047616-19.5047616h-897.21904854c-11.7028576 0-19.5047616 7.80190507-19.5047616 19.5047616v39.00952427c0 11.7028576 7.80190507 19.5047616 19.5047616 19.5047616zM145.31047573 660.9676192L43.88571413 586.8495242700001V692.1752384l101.4247616 74.11809493h101.42476267v-709.97333333H145.31047573V660.9676192z m163.84-507.12381013l183.34476267 347.18476266c7.80190507 15.60380907 15.60380907 31.2076192 15.60380907 46.81142827 0 11.7028576 3.90095253 27.30666667 3.90095253 46.81142827v27.30666666c0 7.80190507-3.90095253 19.5047616-3.90095253 27.30666667s-7.80190507 11.7028576-15.60380907 19.50476267-19.5047616 3.90095253-31.2076192 3.90095146c-15.60380907 0-27.30666667-3.90095253-35.10857173-11.70285653s-11.7028576-19.5047616-11.70285654-39.00952427v-58.51428586H309.15047573V618.0571424c0 19.5047616 3.90095253 42.91047573 11.7028576 58.51428587 7.80190507 19.5047616 19.5047616 39.00952427 31.2076192 50.7123808 11.7028576 15.60380907 31.2076192 23.40571413 46.81142827 35.10857173 19.5047616 7.80190507 39.00952427 11.7028576 58.51428587 11.7028576 27.30666667 0 50.7123808-3.90095253 66.31619093-15.60381013 19.5047616-7.80190507 35.10857173-23.40571413 46.81142827-39.0095232s19.5047616-35.10857173 27.30666666-58.51428587c3.90095253-19.5047616 7.80190507-42.91047573 7.80190507-66.31619093v-42.91047574c0-11.7028576-3.90095253-23.40571413-3.90095253-35.10857173-3.90095253-11.7028576-3.90095253-19.5047616-11.7028576-31.2076192-3.90095253-11.7028576-11.7028576-23.40571413-19.5047616-39.0095232l-148.23619094-288.6704768h183.34476267v-101.4247616H309.15047573v97.52380907z m487.61904854 315.97714346c31.2076192 0 50.7123808 3.90095253 62.41523733 11.70285654 11.7028576 7.80190507 15.60380907 23.40571413 15.60381013 50.71238186V621.95809493c0 15.60380907-3.90095253 27.30666667-11.7028576 35.10857174s-19.5047616 15.60380907-35.10857173 15.60380906c-19.5047616 0-31.2076192-3.90095253-39.0095232-15.60380906-7.80190507-11.7028576-11.7028576-23.40571413-11.7028576-31.2076192v-58.51428587h-101.4247616V621.95809493c0 19.5047616 3.90095253 39.00952427 11.7028576 58.51428587s19.5047616 35.10857173 31.20761813 46.81142827 31.2076192 23.40571413 46.81142934 31.2076192c19.5047616 7.80190507 39.00952427 11.7028576 58.51428586 11.7028576 27.30666667 0 50.7123808-3.90095253 70.2171424-15.60381014 23.40571413-7.80190507 39.00952427-19.5047616 46.81142827-31.20761813 7.80190507-7.80190507 11.7028576-15.60380907 15.60381013-23.4057152 3.90095253-7.80190507 7.80190507-19.5047616 11.70285654-27.30666667s3.90095253-23.40571413 7.80190506-39.0095232c3.90095253-19.5047616 3.90095253-39.00952427 3.90095254-58.51428586v-58.51428587c0-15.60380907-3.90095253-27.30666667-7.80190507-39.0095232-3.90095253-11.7028576-11.7028576-19.5047616-19.5047616-27.30666667s-19.5047616-15.60380907-35.10857173-23.4057152c15.60380907-11.7028576 27.30666667-19.5047616 35.10857173-27.30666666s15.60380907-19.5047616 19.5047616-31.20761814 7.80190507-27.30666667 7.80190507-42.9104768v-120.9295232c0-15.60380907-3.90095253-27.30666667-3.90095254-39.00952426s-3.90095253-19.5047616-7.80190506-27.30666667l-11.70285654-23.40571413c-11.7028576-19.5047616-27.30666667-35.10857173-46.81142933-46.81142827-19.5047616-11.7028576-46.81142827-19.5047616-78.01904747-19.50476267-15.60380907 0-31.2076192 3.90095253-50.7123808 7.80190507s-35.10857173 15.60380907-46.81142826 27.30666667c-15.60380907 11.7028576-27.30666667 27.30666667-35.10857174 46.81142826-7.80190507 19.5047616-15.60380907 42.91047573-15.60380906 70.21714347v58.51428587H785.06666667v-54.61333334c0-15.60380907 3.90095253-27.30666667 11.7028576-39.00952426 7.80190507-11.7028576 19.5047616-15.60380907 35.10857066-15.60380907s27.30666667 3.90095253 35.10857174 15.60380907 11.7028576 23.40571413 11.7028576 42.91047573v101.42476267c0 15.60380907 0 23.40571413-3.90095254 35.10857066s-7.80190507 15.60380907-11.7028576 19.50476267l-23.40571413 11.70285653c-11.7028576 0-23.40571413 3.90095253-39.00952427 3.90095254v89.72190506z" horiz-adv-x="1024" />
<glyph glyph-name="yulan" unicode="&#58984;" d="M608-96H152c-66.24 0-120 53.76-120 120V744C32 810.24 85.76 864 152 864h576c66.24 0 120-53.76 120-120v-216c0-13.44-10.56-24-24-24s-24 10.56-24 24V744c0 39.84-32.16 72-72 72H152c-39.84 0-72-32.16-72-72v-720c0-39.84 32.16-72 72-72h456c13.44 0 24-10.56 24-24s-10.56-24-24-24zM680 624H200c-13.44 0-24 10.56-24 24s10.56 24 24 24h480c13.44 0 24-10.56 24-24s-10.56-24-24-24zM392 447.84H200c-13.44 0-24 10.56-24 24s10.56 24 24 24h192c13.44 0 24-10.56 24-24s-10.56-24-24-24zM296 272.15999999999997H200c-13.44 0-24 10.56-24 24s10.56 24 24 24h96c13.44 0 24-10.56 24-24s-10.56-24-24-24zM344 96H200c-13.44 0-24 10.56-24 24s10.56 24 24 24h144c13.44 0 24-10.56 24-24s-10.56-24-24-24zM632 24c-132.48 0-240 107.52-240 240s107.52 240 240 240 240-107.52 240-240-107.52-240-240-240z m0 432c-106.08 0-192-85.92-192-192s85.92-192 192-192 192 85.92 192 192-85.92 192-192 192zM968-96c-6.24 0-12.48 2.4-16.8 7.2l-177.6 177.6c-9.6 9.6-9.6 24.48 0 34.08s24.48 9.6 34.08 0l177.6-177.6c9.6-9.6 9.6-24.48 0-34.08-4.8-4.8-11.04-7.2-17.28-7.2z" horiz-adv-x="1024" />
<glyph glyph-name="select" unicode="&#59680;" d="M35.2-92.79999999999995V860.8H992V-96c-3.2 3.2-956.8 3.2-956.8 3.2zM921.6 793.6H102.4v-816h819.2V793.6zM512 169.60000000000002l-291.2 294.4L288 531.2l224-227.2 227.2 227.2 67.2-67.2z" horiz-adv-x="1024" />
<glyph glyph-name="wenzishezhi-" unicode="&#59004;" d="M882.688-39.70844445c-20.48 0-40.04977778 12.06044445-48.69688889 32.08533334l-0.11377778 0.11377778-115.48444444 269.08444444H310.04444445L189.66755555-8.305777779999971c-11.94666667-26.73777778-43.23555555-38.68444445-69.97333333-26.73777777s-38.68444445 43.23555555-26.73777777 69.97333333l328.81777777 736.82488889c11.49155555 25.82755555 32.42666667 45.62488889 58.82311111 55.75111111 26.39644445 10.12622222 55.18222222 9.32977778 81.00977778-2.16177778 24.34844445-10.92266667 43.69066667-30.37866667 54.15822222-54.95466667l315.61955556-736.14222222c11.49155555-26.85155555-0.91022222-58.02666667-27.76177778-69.51822222-6.82666667-2.95822222-13.88088889-4.43733333-20.93511111-4.43733334zM357.376 367.50222222h315.96088889l-154.73777778 361.01688889-161.22311111-361.01688889z" horiz-adv-x="1024" />
<glyph glyph-name="pingfen1" unicode="&#58977;" d="M991.14097778 438.37060779c34.4670811 33.49617778 15.53445888 92.23585223-32.03982223 99.51762887l-234.47324444 33.98163001c-18.93262222 2.91271111-35.43798557 14.56355555-43.69066666 32.03982222L575.59419221 816.05214777c-21.3598811 43.20521443-83.01226667 43.20521443-104.37214776 0L366.36444445 603.42423666c-8.2526811-16.99081443-24.75804445-29.12711111-43.69066667-32.03982223l-234.47324445-33.98162886c-47.5742811-6.79632555-66.99235555-65.536-32.03982222-99.51763002l169.90814777-165.5390811c13.59265223-13.59265223 19.90352555-32.52527445 16.50536334-51.45789667l-40.29250332-233.50234112c-8.2526811-47.5742811 41.74885888-83.98316999 84.46862222-61.16693333l209.7152 110.19757112c16.99081443 8.73813333 37.37979221 8.73813333 54.37060665 0l209.7152-110.19757112c42.71976334-22.33078557 92.72130333 13.59265223 84.46862222 61.16693333l-40.29250332 233.50234112c-3.39816334 18.93262222 2.91271111 38.35069667 16.50536334 51.45789667l169.90814777 166.02453334z m-223.79330333-109.7121189c-32.03982222-31.0689189-46.60337778-76.21594112-39.3216-120.39205888l33.49617778-194.66619335-174.76266666 91.7504c-19.41807445 10.19448889-41.26340779 15.53445888-63.10874112 15.53446001s-43.69066667-5.33996999-63.10874112-15.53446001l-174.76266667-91.7504 33.49617777 194.66619335c7.76723001 44.1761189-7.28177778 88.83768889-38.83614776 120.39205888L138.20207445 466.52681443l195.63709554 28.64166002c44.1761189 6.31087445 82.52681443 34.4670811 102.43034112 74.27413334l87.38133334 177.18992554 87.38133333-177.18992554c19.90352555-40.29250333 58.25422222-67.96325888 102.43034112-74.27413334l195.63709553-28.64166002-141.75193998-137.86832554zM591.12865223 198.55739221h-135.9265189c-21.3598811 0-38.83614777 17.47626667-38.83614776 38.83614891s17.47626667 38.83614777 38.83614776 38.83614777h135.9265189c21.3598811 0 38.83614777-17.47626667 38.83614777-38.83614777s-17.47626667-38.83614777-38.83614777-38.83614891z" horiz-adv-x="1024" />
<glyph glyph-name="RectangleCopy" unicode="&#58912;" d="M74.54962725 755.17001324v-742.34002648h861.64467358V755.17001324H74.54962725z m0 53.02428759h861.64467358a53.02428761 53.02428761 0 0 0 53.02428762-53.02428759v-742.34002648a53.02428761 53.02428761 0 0 0-53.02428762-53.02428759H74.54962725a53.02428761 53.02428761 0 0 0-53.0242876 53.02428759V755.17001324a53.02428761 53.02428761 0 0 0 53.0242876 53.02428759zM495.42991013 794.93822894h39.7682157v-821.87645788h-39.7682157z" horiz-adv-x="1024" />
<glyph glyph-name="sync1" unicode="&#58929;" d="M881.87 870.852l7.932-165.532C798.832 812.192 663.348 880 512 880 269.626 880 67.866 706.152 24.592 476.352 21.816 461.614 33.208 448 48.206 448h98.168c11.14 0 20.754 7.684 23.352 18.518C206.814 621.184 345.862 736 512 736c121.786 0 229.024-61.712 292.208-155.602l-203.06 9.73c-13.69 0.656-25.148-10.266-25.148-23.972v-94.822c0-13.254 10.746-24 24-24h400.666c13.254 0 24 10.746 24 24V872c0 13.254-10.746 24-24 24h-94.822c-13.706 0-24.63-11.458-23.974-25.148zM512 32c-121.79 0-229.034 61.716-292.218 155.61l203.736-9.742c13.69-0.654 25.146 10.268 25.146 23.972v94.824c0 13.254-10.746 24-24 24H24c-13.254 0-24-10.746-24-24V-104c0-13.254 10.746-24 24-24h94.77c13.726 0 24.656 11.49 23.97 25.198l-8.258 165.15C225.45-44.332 360.81-112 512-112c242.374 0 444.134 173.848 487.408 403.648 2.776 14.738-8.616 28.352-23.614 28.352h-98.168c-11.14 0-20.754-7.684-23.352-18.518C817.186 146.816 678.138 32 512 32z" horiz-adv-x="1024" />
<glyph glyph-name="tabs" unicode="&#58975;" d="M900.3614811 772.3614811H123.6385189a97.09036999 97.09036999 0 0 1-97.09037113-97.09036999v-582.54222222a97.09036999 97.09036999 0 0 1 97.09037113-97.09036999h776.7229622a97.09036999 97.09036999 0 0 1 97.09037113 97.09036999V675.27111111a97.09036999 97.09036999 0 0 1-97.09037113 97.09036999z m0-679.63259221H123.6385189V626.72592555a48.54518557 48.54518557 0 0 0 48.54518443 48.54518556h242.72592668a48.54518557 48.54518557 0 0 0 48.54518442-48.54518556v-97.09037a48.54518557 48.54518557 0 0 1 48.54518557-48.54518556h388.3614811z m0 485.45185223h-339.81629553V626.72592555a48.54518557 48.54518557 0 0 0 48.54518442 48.54518556h242.72592668a48.54518557 48.54518557 0 0 0 48.54518443-48.54518556z" horiz-adv-x="1024" />
</font>
</defs></svg>
src/components/VueFormMaking/styles/index.scss 0 → 100644
$primary-color: #409EFF;
$primary-background-color: #ecf5ff;
*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fa-icon{
width: auto;
height: 1em; /* 或任意其它字体大小相对值 */
/* 要在 Safari 中正常工作，需要再引入如下两行代码 */
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.fm2-container{
background: #fff;
height: 100%;
border: 1px solid #e0e0e0;
.el-container{
height: 100% !important;
}
&>.el-container{
background: #fff;
}
.fm2-main{
position: relative;
&>.el-container{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
}
main{
padding: 0;
}
footer{
height: 30px;
line-height: 30px;
border-top: 1px solid #e0e0e0;
font-size: 12px;
text-align: right;
color: $primary-color;
background: #fafafa;
a{
color: $primary-color;
}
}
}
.center-container{
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
.btn-bar{
height: 45px;
line-height: 45px;
font-size: 18px;
border-bottom: solid 2px #e4e7ed;
text-align: right;
}
.el-main{
padding: 0;
position: relative;
background: #fafafa;
}
}
.components-list{
padding: 8px 0;
width: 100%;
height: 100%;
.widget-cate{
padding: 8px 12px;
font-size: 13px;
}
ul{
position: relative;
overflow: hidden;
padding: 0 10px 10px;
margin: 0;
}
.form-edit-widget-label{
font-size: 12px;
display: block;
width: 48%;
line-height: 26px;
position: relative;
float: left;
left: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 1%;
color: #333;
border: 1px solid #F4F6FC;
&:hover{
color: $primary-color;
border: 1px dashed $primary-color;
}
&>a{
display: block;
cursor: move;
background: #F4F6FC;
border: 1px solid #F4F6FC;
.icon{
margin-right: 6px;
margin-left: 8px;
font-size: 14px;
display: inline-block;
vertical-align: middle;
}
span{
display: inline-block;
vertical-align: middle;
}
}
}
}
.widget-form-container{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
.widget-form-list{
background: #fff;
// border: 1px dashed #999;
border: 1px dashed #999;
min-height: 600px;
margin: 10px;
.widget-col-list{
min-height: 50px;
border: 1px dashed #ccc;
background: #fff;
}
.widget-view{
padding-bottom: 18px;
position: relative;
border: 1px dashed rgba(170,170,170,0.7);
background-color: rgba(236, 245, 255, .3);
margin: 2px;
.el-form-item__content{
position: unset;
}
&.is_req{
.el-form-item__label::before{
content: '*';
color: #f56c6c;
margin-right: 4px;
}
}
.widget-view-description{
height: 15px;
line-height: 15px;
font-size:13px;
margin-top: 6px;
color:#909399;
}
.widget-view-action{
position: absolute;
right: 0;
bottom: 0;
height: 28px;
line-height: 28px;
background: $primary-color;
z-index: 9;
i{
font-size: 14px;
color: #fff;
margin: 0 5px;
cursor: pointer;
}
}
.widget-view-drag{
position: absolute;
left: -2px;
top: -2px;
bottom: -18px;
height: 28px;
line-height: 28px;
background: $primary-color;
z-index: 9;
// display: none;
i{
font-size: 14px;
color: #fff;
margin: 0 5px;
cursor: move;
}
}
&:after{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: block;
}
&:hover{
background: $primary-background-color;
outline: 1px solid $primary-color;
outline-offset: 0px;
&.active{
outline: 2px solid $primary-color;
border: 1px solid $primary-color;
outline-offset: 0;
}
.widget-view-drag{
display: block;
}
}
&.active{
outline: 2px solid $primary-color;
border: 1px solid $primary-color;
}
&.ghost{
background: #F56C6C;
border: 2px solid #F56C6C;
outline-width: 0;
height: 3px;
box-sizing: border-box;
font-size: 0;
content: '';
overflow: hidden;
padding: 0;
}
}
.widget-table{
padding-bottom: 0;
padding: 5px;
background-color: rgba(253,246,236, .3);
.widget-table-wrapper{
min-height: 50px;
background: #fff;
display: flex;
justify-content: flex-start;
.widget-table-row{
td{
border-bottom: 0;
}
}
.widget-table-left{
width: 51px;
border-left: 1px solid #EBEEF5;
border-right: 1px solid #EBEEF5;
border-top: 1px solid #EBEEF5;
flex: none;
}
.widget-table-view{
border: 1px solid #EBEEF5;
width: 200px;
float: left;
height: 100%;
position: relative;
display: block;
.el-table{
height: 100%;
}
&.is_req{
.el-form-item__label::before{
content: '*';
color: #f56c6c;
margin-right: 4px;
}
}
.widget-view-description{
height: 15px;
line-height: 15px;
font-size:13px;
margin-top: 6px;
color:#909399;
}
.widget-view-action{
position: absolute;
right: 0;
bottom: 0;
height: 28px;
line-height: 28px;
background: $primary-color;
z-index: 9;
i{
font-size: 14px;
color: #fff;
margin: 0 5px;
cursor: pointer;
}
}
.widget-view-drag{
position: absolute;
left: -2px;
top: -2px;
bottom: -18px;
height: 28px;
line-height: 28px;
background: $primary-color;
z-index: 9;
// display: none;
i{
font-size: 14px;
color: #fff;
margin: 0 5px;
cursor: move;
}
}
&::after{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: block;
content: '';
}
&::before{
display: none;
}
&:hover{
background: $primary-background-color;
outline: 1px solid $primary-color;
outline-offset: -1px;
&.active{
// outline: 1px solid $primary-color;
border: 1px solid $primary-color;
outline: 1px solid $primary-color;
outline-offset: -1px;
}
.widget-view-drag{
display: block;
}
}
&.active{
outline: 1px solid $primary-color;
border: 1px solid $primary-color;
outline-offset: -1px;
}
&.ghost{
background: #F56C6C;
outline-width: 0;
width: 5px !important;
box-sizing: border-box;
font-size: 0;
content: '';
overflow: hidden;
padding: 0;
position: relative;
outline: none !important;
border: 0 !important;
&::after{
background: #F56C6C;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9999;
content: '';
outline: none;
}
}
}
.widget-table-content{
width:100%;
// border: 1px dashed #ccc;
outline: 1px dashed #ccc;
background: #fff;
flex:1;
margin: 0 1px;
overflow: auto;
&>div{
height: 100%;
}
.widget-table-col{
height: 100%;
.ghost{
background: #F56C6C;
// border: 2px solid #F56C6C;
position: relative;
content: '';
float: left;
height: 100%;
width: 5px !important;
list-style: none;
font-size: 0;
overflow: hidden;
outline: none;
&::after{
background: #F56C6C;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9999;
content: '';
outline: none;
}
}
}
}
}
&.active{
outline: 2px solid #e6a23c;
border: 1px solid #e6a23c;
}
&:hover{
background: #fdf6ec;
outline: 1px solid #e6a23c;
outline-offset: 0px;
&.active{
outline: 2px solid #e6a23c;
border: 1px solid #e6a23c;
outline-offset: 0;
}
}
.widget-view-action.widget-col-action{
background: #e6a23c;
}
.widget-view-drag.widget-col-drag{
background: #e6a23c;
}
&::after{
display: none;
}
&.ghost{
background: #F56C6C;
outline-width: 0;
height: 5px;
box-sizing: border-box;
font-size: 0;
content: '';
overflow: hidden;
padding: 0;
position: relative;
outline: none;
border: 0;
&::after{
background: #F56C6C;
position: absolute;
top:0;
left: 0;
right: 0;
bottom: 0;
content: '';
display: block;
z-index: 999;
}
}
}
.widget-col{
padding-bottom: 0;
padding: 5px;
// margin-left: 2px !important;
// margin-right: 2px !important;
background-color: rgba(253,246,236, .3);
&.active{
outline: 2px solid #e6a23c;
border: 1px solid #e6a23c;
}
&:hover{
background: #fdf6ec;
outline: 1px solid #e6a23c;
outline-offset: 0px;
&.active{
outline: 2px solid #e6a23c;
border: 1px solid #e6a23c;
outline-offset: 0;
}
}
.el-col{
min-height: 50px;
}
&.ghost{
background: #F56C6C;
border: 2px solid #F56C6C;
outline-width: 0;
height: 3px;
box-sizing: border-box;
font-size: 0;
content: '';
overflow: hidden;
padding: 0;
}
.widget-view-action.widget-col-action{
background: #e6a23c;
}
.widget-view-drag.widget-col-drag{
background: #e6a23c;
}
&::after{
display: none;
}
}
.ghost{
background: #F56C6C;
border: 2px solid #F56C6C;
outline-width: 0;
height: 3px;
box-sizing: border-box;
font-size: 0;
content: '';
overflow: hidden;
padding: 0;
}
}
.ghost{
background: #F56C6C;
border: 2px solid #F56C6C;
position: relative;
&::after{
background: #F56C6C;
}
}
li.ghost{
height: 5px;
list-style: none;
font-size: 0;
overflow: hidden;
}
.widget-grid{
background: #F4F6FC;
position: relative;
border-left: 5px solid transparent;
padding: 5px;
margin: 0 !important;
&.active{
border-left: 5px solid $primary-color;
background: #b3d8ff;
}
}
.widget-grid-container{
&.ghost{
background: #F56C6C;
border: 2px solid #F56C6C;
outline-width: 0;
height: 3px;
box-sizing: border-box;
font-size: 0;
content: '';
overflow: hidden;
padding: 0;
}
}
.ghost{
background: #F56C6C;
border: 2px solid #F56C6C;
position: relative;
&::after{
background: #F56C6C;
}
}
li.ghost{
height: 5px;
list-style: none;
font-size: 0;
overflow: hidden;
}
}
.widget-config-container{
position: relative;
.el-header{
border-bottom: solid 2px #e4e7ed;
padding: 0 5px;
}
.config-tab{
height: 45px;
line-height: 45px;
display: inline-block;
width: 143px;
text-align: center;
font-size: 14px;
font-weight: 500;
position: relative;
cursor: pointer;
&.active{
border-bottom: solid 2px $primary-color;
}
}
.config-content{
padding: 10px;
.el-form-item__label{
padding: 0;
font-weight: 500;
}
.el-form-item {
border-bottom: solid 1px #e1e1e1;
padding-bottom: 10px;
}
}
.ghost{
background: #fff;
border: 1px dashed $primary-color;
&::after{
background: #fff;
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
ul{
margin: 0;
padding: 0;
}
li.ghost{
list-style: none;
font-size: 0;
display: block;
position: relative;
}
}
.viewer-container{
z-index: 99999 !important;
}
.form-empty{
position: absolute;
text-align: center;
width: 300px;
font-size: 20px;
top: 200px;
left: 50%;
margin-left: -150px;
color: #ccc;
}
src/components/VueFormMaking/util/index.js 0 → 100644
export const loadJs = (url) => {
return new Promise((resolve, reject) => {
const script = document.createElement('script')
script.src = url
script.type = 'text/javascript'
document.body.appendChild(script)
script.onload = () => {
resolve()
}
})
}
export const loadCss = (url) => {
return new Promise((resolve, reject) => {
const link = document.createElement('link')
link.rel = 'stylesheet'
link.href = url
document.head.appendChild(link)
link.onload = () => {
resolve()
}
})
}
export const generateUUID = () => {
var d = new Date().getTime()
var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
var r = (d + Math.random() * 16) % 16 | 0
d = Math.floor(d / 16)
return (c === 'x' ? r : (r & 0x7 | 0x8)).toString(16)
})
return uuid
}
src/components/VueFormMaking/util/request.js 0 → 100644
import axios from 'axios'
const request = axios.create({
withCredentials: false
})
request.interceptors.request.use(
config => {
return config
},
error => {
return Promise.reject(new Error(error).message)
}
)
request.interceptors.response.use(
response => {
return response.data
},
error => {
return Promise.reject(new Error(error).message)
}
)
export default request
src/styles/admin.scss
......@@ -53,10 +53,6 @@
margin-left: 20px;
}
.el-dialog {
margin-top: 6vh !important;
}
.el-table .el-table__header-wrapper th {
word-break: break-word;
background-color: #f8f8f9;
......
src/views/process/admin/template-manager.vue
<template>
<div>
this is template manager.
<div class="app-container">
<el-card class="box-card">
<el-form ref="listQuery" :model="listQuery" :inline="true">
<el-form-item label="分类名称">
<el-input
v-model="listQuery.name"
placeholder="请输入分类名称"
clearable
size="small"
style="width: 240px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="small" @click="handleQuery">搜索</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
v-permisaction="['process:admin:classify:add']"
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleCreate"
>新增</el-button>
</el-col>
<!-- <el-col :span="1.5">
<el-button
v-permisaction="['system:sysrole:edit']"
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
>编辑</el-button>
</el-col>
<el-col :span="1.5">
<el-button
v-permisaction="['system:sysrole:remove']"
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除</el-button>
</el-col> -->
</el-row>
<el-table v-loading="loading" border :data="classifyList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="ID" prop="id" width="120" />
<el-table-column label="名称" prop="name" :show-overflow-tooltip="true" width="150" />
<el-table-column label="创建者" prop="create_name" :show-overflow-tooltip="true" width="150" />
<el-table-column label="创建时间" align="center" prop="create_time" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.create_time) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
v-permisaction="['process:admin:classify:edit']"
size="mini"
type="text"
icon="el-icon-edit"
@click="handleEdit(scope.row)"
>编辑</el-button>
<el-button
v-permisaction="['process:admin:classify:delete']"
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageIndex"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<el-dialog :title="dialogFormVisibleName===1?'新建模版':'编辑模版'" :visible.sync="open" :fullscreen="true" style="margin-top: 0">
<div class="tpl-create-content">
<el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="100px">
<el-form-item label="名称" prop="name">
<el-input v-model="ruleForm.name" />
</el-form-item>
<el-form-item label="备注">
<el-input v-model="ruleForm.remarks" type="textarea" />
</el-form-item>
<el-form-item label="模版" prop="form_structure">
<div style="border-radius: 4px; border: 1px solid #ccc; overflow:hidden">
<fm-making-form
ref="makingform"
style="height: 600px;"
preview
clearable
upload
generate-code
generate-json
:advance-fields="['blank', 'editor', 'cascader']"
>
<template slot="action" />
</fm-making-form>
</div>
</el-form-item>
</el-form>
<div style="text-align: center">
<el-button type="primary" @click="dialogFormVisibleName===1?submitForm('ruleForm'):editForm('ruleForm')">提交</el-button>
<el-button @click="open = false">取 消</el-button>
</div>
</div>
</el-dialog>
</el-card>
</div>
</template>
<script>
import Vue from 'vue'
import {
createClassify,
classifyList,
updateClassify,
deleteClassify
} from '@/api/process/admin/classify'
// 表单设计
import {
GenerateForm,
MakingForm
} from '@/components/VueFormMaking'
import '@/components/VueFormMaking/styles/FormMaking.css'
import ace from 'ace-builds'
import 'ace-builds/webpack-resolver'
Vue.use(ace)
Vue.use(GenerateForm)
Vue.use(MakingForm)
export default {
name: 'Role',
data() {
return {
dialogFormVisibleName: 1,
queryParams: {},
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 总条数
total: 0,
// 是否显示弹出层
open: false,
// 查询参数
classifyList: [],
listQuery: {
page: 1,
per_page: 10
},
ruleForm: {
id: undefined,
name: ''
},
rules: {
name: [
{ required: true, message: '请输入流程分类', trigger: 'blur' }
]
}
}
},
created() {
this.getList()
},
methods: {
/** 查询角色列表 */
getList() {
this.loading = true
this.listQuery.page = this.queryParams.pageIndex
this.listQuery.per_page = this.queryParams.pageSize
classifyList(this.listQuery).then(response => {
this.classifyList = response.data.data
this.queryParams.pageIndex = response.data.page
this.queryParams.pageSize = response.data.per_page
this.total = response.data.total_count
this.loading = false
})
},
handleCreate() {
this.ruleForm = {
id: undefined,
name: ''
}
this.dialogFormVisibleName = 1
this.open = true
},
handleEdit(row) {
this.ruleForm.id = row.id
this.ruleForm.name = row.name
this.open = true
this.dialogFormVisibleName = 2
},
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
createClassify(this.ruleForm).then(response => {
if (response !== undefined) {
this.getList()
this.$message({
type: 'success',
message: '分类已增加!'
})
this.open = false
}
})
}
})
},
editForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
updateClassify(this.ruleForm).then(response => {
if (response !== undefined) {
this.getList()
this.$message({
type: 'success',
message: '分类已更新!'
})
this.open = false
}
})
}
})
},
handleQuery() {
this.queryParams.pageIndex = 1
this.queryParams.pageSize = 10
this.getList()
},
handleDelete(row) {
this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
deleteClassify({
classifyId: row.id
}).then(response => {
if (response !== undefined) {
this.getList()
this.$message({
type: 'success',
message: '分类已删除!'
})
}
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
})
})
},
handleSelectionChange() {},
handleSave(values) {
var jsonValue = JSON.parse(values)
if (jsonValue.list.length > 0) {
this.ruleForm.form_structure = values
} else {
this.ruleForm.form_structure = ''
}
}
}
}
</script>
<style scoped>
</style>
vue.config.js
......@@ -6,7 +6,7 @@ function resolve(dir) {
return path.join(__dirname, dir)
}
const name = defaultSettings.title || 'vue Element Admin' // page title
const name = defaultSettings.title || 'ferry' // page title
// If your port is set to 80,
// use administrator privileges to execute the command line.
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment