From aa9f2504f07c21537b7612bd6471bb64bd0a9077 Mon Sep 17 00:00:00 2001
From: YuanFeng <770153798@qq.com>
Date: Thu, 5 Sep 2024 21:59:51 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=8C=E6=AD=A5=20admin=E7=AB=AF=E7=A8=BF?=
 =?UTF-8?q?=E4=BB=B6=E7=AE=A1=E7=90=86=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hangtag-ui/hangtag-ui-admin/src/App.vue       |   4 +
 .../src/api/oms/brand/index.ts                |  16 +-
 .../src/api/oms/productcareitem/index.ts      |  47 +
 .../src/BrandDataListDialog/DataForm.vue      |  69 ++
 .../src/BrandDataListDialog/config.data.ts    | 102 ++
 .../Dialog/src/BrandDataListDialog/index.vue  | 293 ++++++
 .../DraftDesignDataListDialog/DataForm.vue    |  74 ++
 .../DraftDesignDataListDialog/config.data.ts  |  82 ++
 .../src/DraftDesignDataListDialog/index.vue   | 294 ++++++
 .../src/DraftDesignImageLibDialog/index.vue   | 248 +++++
 .../ProductTypeDataListDialog/DataForm.vue    |  70 ++
 .../ProductTypeDataListDialog/config.data.ts  |  89 ++
 .../src/ProductTypeDataListDialog/index.vue   | 294 ++++++
 .../components/DesignPreviewDialog.vue        |  65 ++
 .../DraftDesign/components/DesignPropEdit.vue | 475 +++++++++
 .../components/DynamicPropConfig.vue          | 109 ++-
 .../components/ImageLibraryManage.vue         |  15 +-
 .../components/layout/LeftPanel.vue           |  40 +-
 .../components/layout/RightPanel.vue          |   1 +
 .../DraftDesign/components/layout/index.vue   | 211 ++--
 .../components/node/ShapeCellNode.vue         |   1 -
 .../components/node/ShapeCircleNode.vue       |   1 -
 .../components/node/ShapeEllipseNode.vue      |   1 -
 .../components/node/ShapeImageNode.vue        |  42 +-
 .../components/node/ShapeLozengeNode.vue      |   1 -
 .../components/node/ShapeRightArrowNode.vue   |   1 -
 .../node/ShapeRightTriangleNode.vue           |   1 -
 .../components/node/ShapeTriangleNode.vue     |   1 -
 .../components/node/TextCellNode.vue          |  22 +-
 .../components/DraftDesign/config/index.ts    |   4 +-
 .../components/DraftDesign/icons/demo.html    |  72 +-
 .../DraftDesign/icons/fonts/icomoon.eot       | Bin 13592 -> 14540 bytes
 .../DraftDesign/icons/fonts/icomoon.svg       |   5 +
 .../DraftDesign/icons/fonts/icomoon.ttf       | Bin 13428 -> 14376 bytes
 .../DraftDesign/icons/fonts/icomoon.woff      | Bin 13504 -> 14452 bytes
 .../DraftDesign/icons/selection.json          |   2 +-
 .../components/DraftDesign/icons/style.css    |  25 +-
 .../src/components/DraftDesign/index.vue      | 900 +++++++++++-------
 .../src/components/DraftDesign/utils/Dpi.ts   |  29 +-
 .../components/DraftDesign/utils/FuncUtil.ts  |   4 +-
 .../hangtag-ui-admin/src/views/Home/Index.vue | 151 +--
 .../src/views/Login/components/LoginForm.vue  |   2 +-
 .../src/views/oms/brand/BrandForm.vue         |   4 +-
 .../oms/draftdesigndata/detials/index.vue     |   4 +-
 .../src/views/oms/draftdesigndata/index.vue   |   9 +-
 .../productcareitem/ProductCareItemForm.vue   | 214 +++++
 .../src/views/oms/productcareitem/index.vue   | 256 +++++
 .../views/oms/productinfo/ProductInfoForm.vue | 140 ++-
 .../src/views/oms/productinfo/index.vue       |  86 +-
 .../src/views/Login/components/LoginForm.vue  |   5 +-
 50 files changed, 3825 insertions(+), 756 deletions(-)
 create mode 100644 hangtag-ui/hangtag-ui-admin/src/api/oms/productcareitem/index.ts
 create mode 100644 hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/BrandDataListDialog/DataForm.vue
 create mode 100644 hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/BrandDataListDialog/config.data.ts
 create mode 100644 hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/BrandDataListDialog/index.vue
 create mode 100644 hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/DraftDesignDataListDialog/DataForm.vue
 create mode 100644 hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/DraftDesignDataListDialog/config.data.ts
 create mode 100644 hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/DraftDesignDataListDialog/index.vue
 create mode 100644 hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/DraftDesignImageLibDialog/index.vue
 create mode 100644 hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/ProductTypeDataListDialog/DataForm.vue
 create mode 100644 hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/ProductTypeDataListDialog/config.data.ts
 create mode 100644 hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/ProductTypeDataListDialog/index.vue
 create mode 100644 hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/DesignPreviewDialog.vue
 create mode 100644 hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/DesignPropEdit.vue
 create mode 100644 hangtag-ui/hangtag-ui-admin/src/views/oms/productcareitem/ProductCareItemForm.vue
 create mode 100644 hangtag-ui/hangtag-ui-admin/src/views/oms/productcareitem/index.vue

diff --git a/hangtag-ui/hangtag-ui-admin/src/App.vue b/hangtag-ui/hangtag-ui-admin/src/App.vue
index 7407d97..3eb87f0 100644
--- a/hangtag-ui/hangtag-ui-admin/src/App.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/App.vue
@@ -23,11 +23,15 @@ const setDefaultTheme = () => {
   appStore.setIsDark(isDarkTheme)
 }
 setDefaultTheme()
+import { getTeleport } from '@antv/x6-vue-shape';
+// 处理 节点重复渲染 问题 TeleportContainer
+const TeleportContainer = defineComponent(getTeleport());
 </script>
 <template>
   <ConfigGlobal :size="currentSize">
     <RouterView :class="greyMode ? `${prefixCls}-grey-mode` : ''" />
     <routerSearch />
+    <TeleportContainer />
   </ConfigGlobal>
 </template>
 <style lang="scss">
diff --git a/hangtag-ui/hangtag-ui-admin/src/api/oms/brand/index.ts b/hangtag-ui/hangtag-ui-admin/src/api/oms/brand/index.ts
index cd731b8..11ccca0 100644
--- a/hangtag-ui/hangtag-ui-admin/src/api/oms/brand/index.ts
+++ b/hangtag-ui/hangtag-ui-admin/src/api/oms/brand/index.ts
@@ -1,5 +1,4 @@
 import request from '@/config/axios'
-import {getSimpleMenusList} from "@/api/system/menu";
 
 // 品牌管理  VO
 export interface BrandVO {
@@ -15,8 +14,6 @@ export interface BrandVO {
 }
 
 
-
-
 // 品牌管理  API
 export const BrandApi = {
   // 查询品牌管理 分页
@@ -29,17 +26,17 @@ export const BrandApi = {
     return await request.get({ url: `/oms/brand/get?id=` + id })
   },
 
-  // 新增品牌管理 
+  // 新增品牌管理
   createBrand: async (data: BrandVO) => {
     return await request.post({ url: `/oms/brand/create`, data })
   },
 
-  // 修改品牌管理 
+  // 修改品牌管理
   updateBrand: async (data: BrandVO) => {
     return await request.put({ url: `/oms/brand/update`, data })
   },
 
-  // 删除品牌管理 
+  // 删除品牌管理
   deleteBrand: async (id: number) => {
     return await request.delete({ url: `/oms/brand/delete?id=` + id })
   },
@@ -50,7 +47,8 @@ export const BrandApi = {
   },
 }
 
-// 查询品牌（精简）列表
-export const getSimpleBrandList = async () => {
-  return await request.get({ url: `/oms/brand/simple-list`})
+// 获取品牌精简信息列表
+export const getSimpleBrandList = (): Promise<BrandVO[]> => {
+  return request.get({ url: '/oms/app/brand/simple-list' })
 }
+
diff --git a/hangtag-ui/hangtag-ui-admin/src/api/oms/productcareitem/index.ts b/hangtag-ui/hangtag-ui-admin/src/api/oms/productcareitem/index.ts
new file mode 100644
index 0000000..17592fb
--- /dev/null
+++ b/hangtag-ui/hangtag-ui-admin/src/api/oms/productcareitem/index.ts
@@ -0,0 +1,47 @@
+import request from '@/config/axios'
+
+// 产品保养项  VO
+export interface ProductCareItemVO {
+  id: number // id
+  value: string // 说明
+  iconUrl: string // icon图标
+  brandIds: string // 品牌
+  isCombo: boolean // 只作用于组合
+  isAll: boolean // 品牌通用
+  locale: string // 语言标识 字典-language_locale
+  enabled: boolean // 启用状态
+  remark: string // 备注
+}
+
+// 产品保养项  API
+export const ProductCareItemApi = {
+  // 查询产品保养项 分页
+  getProductCareItemPage: async (params: any) => {
+    return await request.get({ url: `/oms/product-care-item/page`, params })
+  },
+
+  // 查询产品保养项 详情
+  getProductCareItem: async (id: number) => {
+    return await request.get({ url: `/oms/product-care-item/get?id=` + id })
+  },
+
+  // 新增产品保养项 
+  createProductCareItem: async (data: ProductCareItemVO) => {
+    return await request.post({ url: `/oms/product-care-item/create`, data })
+  },
+
+  // 修改产品保养项 
+  updateProductCareItem: async (data: ProductCareItemVO) => {
+    return await request.put({ url: `/oms/product-care-item/update`, data })
+  },
+
+  // 删除产品保养项 
+  deleteProductCareItem: async (id: number) => {
+    return await request.delete({ url: `/oms/product-care-item/delete?id=` + id })
+  },
+
+  // 导出产品保养项  Excel
+  exportProductCareItem: async (params) => {
+    return await request.download({ url: `/oms/product-care-item/export-excel`, params })
+  },
+}
\ No newline at end of file
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/BrandDataListDialog/DataForm.vue b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/BrandDataListDialog/DataForm.vue
new file mode 100644
index 0000000..d436e72
--- /dev/null
+++ b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/BrandDataListDialog/DataForm.vue
@@ -0,0 +1,69 @@
+<template>
+  <Dialog :title="dialogTitle" v-model="dialogVisible">
+    <Form :disabled="disabled" ref="formRef" :schema="allSchemas.formSchema" :rules="rules" v-loading="formLoading" />
+
+    <template #footer>
+      <el-button v-if="!disabled" @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+    </template>
+  </Dialog>
+</template>
+<script setup lang="ts">
+import { BrandApi, BrandVO } from '@/api/oms/brand'
+import { rules, allSchemas } from './config.data'
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const formType = ref('') // 表单的类型：create - 新增；update - 修改
+const formRef = ref() // 表单 Ref
+
+const disabled = computed(() => {
+  return formType.value !== 'create' && formType.value !== 'update'
+})
+/** 打开弹窗 */
+const open = async (type: string, id?: number) => {
+  dialogVisible.value = true
+  dialogTitle.value = t('action.' + type)
+  formType.value = type
+  // 修改时，设置数据
+  if (id) {
+    formLoading.value = true
+    try {
+      const data = await BrandApi.getBrand(id)
+      formRef.value.setValues(data)
+    } finally {
+      formLoading.value = false
+    }
+  }
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  // 校验表单
+  if (!formRef) return
+  const valid = await formRef.value.getElFormRef().validate()
+  if (!valid) return
+  // 提交请求
+  formLoading.value = true
+  try {
+    const data = formRef.value.formModel as BrandVO
+    if (formType.value === 'create') {
+      await BrandApi.createBrand(data)
+      message.success(t('common.createSuccess'))
+    } else {
+      await BrandApi.updateBrand(data)
+      message.success(t('common.updateSuccess'))
+    }
+    dialogVisible.value = false
+    // 发送操作成功的事件
+    emit('success')
+  } finally {
+    formLoading.value = false
+  }
+}
+</script>
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/BrandDataListDialog/config.data.ts b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/BrandDataListDialog/config.data.ts
new file mode 100644
index 0000000..30c36f3
--- /dev/null
+++ b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/BrandDataListDialog/config.data.ts
@@ -0,0 +1,102 @@
+import type { CrudSchema } from '@/hooks/web/useCrudSchemas'
+import { dateFormatter } from '@/utils/formatTime'
+
+// 表单校验
+export const rules = reactive({
+  code: [required],
+  name: [required],
+})
+
+// CrudSchema https://doc.iocoder.cn/vue3/crud-schema/
+const crudSchemas = reactive<CrudSchema[]>([
+  {
+    label: 'id',
+    field: 'id',
+    isForm: false,
+  },
+  {
+    label: '系统编码',
+    field: 'code',
+    isSearch: true,
+  },
+  {
+    label: '名称',
+    field: 'name',
+    isSearch: true,
+  },
+  {
+    label: 'logo',
+    field: 'logo',
+    isSearch: true,
+    form: {
+      component: 'UploadImg',
+      componentProps:{
+        disabled: true
+      },
+    },
+  },
+  {
+    label: '品牌领域',
+    field: 'brandField',
+    dictType: DICT_TYPE.BRAND_INDUSTRY_FIELD,
+    dictClass: 'string',
+    isSearch: true,
+    form: {
+      component: 'SelectV2'
+    },
+  },
+  {
+    label: '官网',
+    field: 'website',
+  },
+  {
+    label: '品牌介绍',
+    field: 'intro',
+    isTable: false,
+    form: {
+      component: 'Editor',
+      componentProps: {
+        valueHtml: '',
+        height: 200
+      }
+    },
+  },
+  {
+    label: '语言标识',
+    field: 'locale',
+    dictType: DICT_TYPE.LANGUAGE_LOCALE,
+    dictClass: 'string',
+    search: {
+      show: true,
+    },
+    form: {
+      component: 'SelectV2'
+    },
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    isTable: false,
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    formatter: dateFormatter,
+    isSearch: true,
+    search: {
+      component: 'DatePicker',
+      componentProps: {
+        valueFormat: 'YYYY-MM-DD HH:mm:ss',
+        type: 'daterange',
+        defaultTime: [new Date('1 00:00:00'), new Date('1 23:59:59')]
+      }
+    },
+    isForm: false,
+  },
+  {
+    label: '操作',
+    field: 'action',
+    isForm: false
+  }
+])
+export const { allSchemas } = useCrudSchemas(crudSchemas)
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/BrandDataListDialog/index.vue b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/BrandDataListDialog/index.vue
new file mode 100644
index 0000000..470c1ad
--- /dev/null
+++ b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/BrandDataListDialog/index.vue
@@ -0,0 +1,293 @@
+<template>
+  <slot>
+    <div>
+      <el-input
+        v-model="that.showValue"
+        clearable
+        :placeholder="props.placeholder"
+        @clear="clearData"
+        @click="viewDetails"
+      >
+        <template #append>
+          <el-button @click.stop="openDialog">
+            <Icon icon="ep:search"/>
+          </el-button>
+        </template>
+      </el-input>
+    </div>
+  </slot>
+
+  <Dialog
+    :title="dialogTitle"
+    width="80%"
+    v-model="that.visible"
+    @close="updateVisible(false)">
+    <div>
+      <!-- 搜索工作栏 -->
+      <ContentWrap>
+        <Search
+          :schema="allSchemas.searchSchema"
+          :is-col="false"
+          @search="setSearchParams"
+          @reset="setSearchParams">
+          <!-- 新增等操作按钮 -->
+          <template #actionMore>
+            <el-button
+              type="primary"
+              plain
+              @click="openForm('create')"
+              v-hasPermi="['oms:draft-design-data:create']"
+            >
+              <Icon icon="ep:plus" class="mr-5px"/>
+              新增
+            </el-button>
+          </template>
+        </Search>
+      </ContentWrap>
+
+      <!-- 列表 -->
+      <ContentWrap>
+        <Table
+          :columns="allSchemas.tableColumns"
+          :data="tableObject.tableList"
+          :loading="tableObject.loading"
+          :selection="true"
+          ref="tableRef"
+          @selection-change="selectionChange"
+          :pagination="{
+        total: tableObject.total
+          }"
+          v-model:pageSize="tableObject.pageSize"
+          v-model:currentPage="tableObject.currentPage"
+        >
+          <template #action="{ row }">
+            <el-button
+              link
+              type="primary"
+              @click="openForm('update', row.id)"
+              v-hasPermi="['oms:draft-design-data:update']"
+            >
+              编辑
+            </el-button>
+            <el-button
+              link
+              type="danger"
+              v-hasPermi="['oms:draft-design-data:delete']"
+              @click="handleDelete(row.id)"
+            >
+              删除
+            </el-button>
+          </template>
+        </Table>
+      </ContentWrap>
+    </div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="updateVisible(false,true)">{{ t('common.cancel') }}</el-button>
+        <el-button type="primary" @click="submit">{{ t('common.ok') }}</el-button>
+      </span>
+    </template>
+  </Dialog>
+  <!-- 表单弹窗：添加/修改 -->
+  <DataForm ref="formRef" @success="getList"/>
+</template>
+
+<script lang="ts" setup name="BrandDataListDialog">
+import {allSchemas} from './config.data'
+import {BrandApi, BrandVO} from '@/api/oms/brand'
+import DataForm from './DataForm.vue'
+
+/** 稿件图片库  */
+defineOptions({name: 'BrandDataListDialog'})
+const emit = defineEmits(['update:modelValue', 'update:visible', 'submit']) // 定义 success 事件，用于操作成功后的回调
+
+const {t} = useI18n() // 国际化
+
+const dialogTitle = ref('设计稿件') // 弹窗的标题
+
+const props = defineProps({
+  modelValue: {
+    type: [String],
+    required: true
+  },
+  dataKey: {
+    type: String,
+    required: false,
+    default: 'id'
+  },
+  showKey: {
+    type: String,
+    required: false,
+    default: 'name'
+  },
+  multiple: {
+    type: Boolean,
+    required: false,
+    default: false
+  },
+  placeholder: {
+    type: String,
+    required: false,
+    default: '请选择'
+  },
+  width: {
+    type: String,
+    required: false,
+    default: '64px'
+  },
+  height: {
+    type: String,
+    required: false,
+    default: '64px'
+  },
+  visible: {
+    type: Boolean,
+    required: false,
+    default: false
+  }
+})
+
+const that = reactive({
+  inputVal: '',
+  showValue: '',
+  visible: false,
+})
+
+const openDialog = () => {
+  updateVisible(true);
+}
+const viewDetails = () => {
+  if (that.inputVal) {
+    openForm("preview", that.inputVal.split(",")[0])
+  } else {
+    openDialog();
+  }
+  console.log("viewDetails", viewDetails)
+}
+watch(() => props.modelValue, (newVal) => {
+  that.inputVal = toStr(newVal);
+  if (that.inputVal) {
+    initInput();
+  }
+})
+const toStr = (data: any) => {
+  if (data !== null && data !== undefined) {
+    return `${data}`
+  }
+  return data
+}
+let map = new Map();
+const initInput = async () => {
+  const dataKey = that.inputVal + ',' + props.dataKey + ',' + props.showKey + ',' + props.multiple;
+  if (map.has(dataKey)) {
+    const data = map.get(dataKey)
+    if (data) {
+      that.inputVal = data.inputVal
+      that.showValue = data.showValue
+      console.log('缓存数据', data)
+      return;
+    }
+  }
+
+  const ids = that.inputVal.split(",");
+  let tmpInput = [];
+  let tmpShow = [];
+  for (let i = 0; i < ids.length; i++) {
+    const data = await BrandApi.getBrand(ids[i])
+    tmpInput.push(data[props.dataKey]);
+    tmpShow.push(data[props.showKey]);
+  }
+  that.inputVal = tmpInput.join(',');
+  that.showValue = tmpShow.join(',');
+  map.set(dataKey, {
+    inputVal: that.inputVal,
+    showValue: that.showValue
+  })
+}
+watch(() => props.visible, (newVal) => {
+  that.visible = newVal;
+
+})
+const clearData = () => {
+  that.inputVal = '';
+  that.showValue = '';
+  updateValue();
+}
+const updateVisible = (visible: boolean, clearInput = false) => {
+  that.visible = visible;
+  emit("update:visible", visible)
+  if (clearInput) {
+    clearData();
+  }
+}
+defineExpose({}) // 提供 open 方法，用于打开弹窗
+
+const submit = () => {
+  updateValue();
+  updateVisible(false)
+}
+const updateValue = () => {
+  emit("update:modelValue", that.inputVal)
+}
+//
+const selectionChange = (row) => {
+  if (row && row.length > 0) {
+    if (props.multiple) {
+      that.inputVal = row.map(item => item[props.dataKey || 'id']).join(',')
+      that.showValue = row.map(item => item[props.showKey || 'id']).join(',')
+    } else {
+      if (row.length > 1) {
+        useMessage().warning('单选数据，已忽略其他')
+      }
+      that.showValue = row[row.length - 1][props.showKey || 'id']
+      that.inputVal = row[row.length - 1][props.dataKey || 'id']
+    }
+  } else {
+    that.inputVal = ''
+    that.showValue = ''
+  }
+
+}
+
+const {tableObject, tableMethods} = useTable({
+  getListApi: BrandApi.getBrandPage, // 分页接口
+  delListApi: BrandApi.deleteBrand // 删除接口
+})
+// 获得表格的各种操作
+const {getList, setSearchParams} = tableMethods
+
+/** 添加/修改操作 */
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+  formRef.value.open(type, id)
+}
+
+/** 删除按钮操作 */
+const handleDelete = (id: number) => {
+  tableMethods.delList(id, false)
+}
+
+/** 初始化 **/
+onMounted(() => {
+  getList()
+})
+</script>
+
+<style lang="scss" scoped>
+
+:deep(.el-input__wrapper) {
+  position: relative;
+
+  .el-input__inner {
+    padding-right: 18px;
+  }
+
+  .el-input__suffix {
+    position: absolute;
+    right: 8px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+
+</style>
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/DraftDesignDataListDialog/DataForm.vue b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/DraftDesignDataListDialog/DataForm.vue
new file mode 100644
index 0000000..1539714
--- /dev/null
+++ b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/DraftDesignDataListDialog/DataForm.vue
@@ -0,0 +1,74 @@
+<template>
+  <Dialog :title="dialogTitle" v-model="dialogVisible">
+    <Form :disabled="disabled"  ref="formRef" :schema="allSchemas.formSchema" :rules="rules" v-loading="formLoading" >
+    <template #enabled="form">
+      <el-radio-group v-model="form['enabled']">
+        <el-radio :label="true">启用</el-radio>
+        <el-radio :label="false">停用</el-radio>
+      </el-radio-group>
+    </template>
+    </Form>
+    <template #footer>
+      <el-button v-if="!disabled" @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+    </template>
+  </Dialog>
+</template>
+<script setup lang="ts">
+import {DraftDesignDataApi} from "@/api/oms/draftdesigndata";
+import { rules, allSchemas } from './config.data'
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const formType = ref('') // 表单的类型：create - 新增；update - 修改
+const formRef = ref() // 表单 Ref
+const disabled = computed(() => {
+  return formType.value !== 'create' && formType.value !== 'update'
+})
+/** 打开弹窗 */
+const open = async (type: string, id?: number) => {
+  dialogVisible.value = true
+  dialogTitle.value = t('action.' + type)
+  formType.value = type
+  // 修改时，设置数据
+  if (id) {
+    formLoading.value = true
+    try {
+      const data = await DraftDesignDataApi.getDraftDesignData(id)
+      formRef.value.setValues(data)
+    } finally {
+      formLoading.value = false
+    }
+  }
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  // 校验表单
+  if (!formRef) return
+  const valid = await formRef.value.getElFormRef().validate()
+  if (!valid) return
+  // 提交请求
+  formLoading.value = true
+  try {
+    const data = formRef.value.formModel as DraftDesignDataApi.DraftDesignDataVO
+    if (formType.value === 'create') {
+      await DraftDesignDataApi.createDraftDesignData(data)
+      message.success(t('common.createSuccess'))
+    } else {
+      await DraftDesignDataApi.updateDraftDesignData(data)
+      message.success(t('common.updateSuccess'))
+    }
+    dialogVisible.value = false
+    // 发送操作成功的事件
+    emit('success')
+  } finally {
+    formLoading.value = false
+  }
+}
+</script>
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/DraftDesignDataListDialog/config.data.ts b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/DraftDesignDataListDialog/config.data.ts
new file mode 100644
index 0000000..36cb202
--- /dev/null
+++ b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/DraftDesignDataListDialog/config.data.ts
@@ -0,0 +1,82 @@
+import type { CrudSchema } from '@/hooks/web/useCrudSchemas'
+import { dateFormatter } from '@/utils/formatTime'
+
+// 表单校验
+export const rules = reactive({
+  code: [required],
+  name: [required],
+})
+
+// CrudSchema https://doc.iocoder.cn/vue3/crud-schema/
+const crudSchemas = reactive<CrudSchema[]>([
+  {
+    label: 'id',
+    field: 'id',
+    isForm: false,
+  },
+  {
+    label: '编码',
+    field: 'code',
+    isSearch: true,
+  },
+  {
+    label: '设计搞名称',
+    field: 'name',
+    isSearch: true,
+  },
+  {
+    label: '作者',
+    field: 'author',
+    isSearch: true,
+  },
+  {
+    label: '版本',
+    field: 'version',
+    isSearch: false,
+    form: {
+      component: 'InputNumber',
+      componentProps:{
+        disabled: true
+      },
+      value: 0
+    },
+  },
+  {
+    label: '语言标识',
+    field: 'locale',
+    dictType: DICT_TYPE.LANGUAGE_LOCALE,
+    dictClass: 'string',
+    search: {
+      show: true,
+    },
+    form: {
+      component: 'SelectV2'
+    },
+  },
+  {
+    label: '启用状态',
+    field: 'enabled',
+    isSearch: false,
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    isSearch: false,
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    formatter: dateFormatter,
+    isSearch: true,
+    search: {
+      component: 'DatePicker',
+      componentProps: {
+        valueFormat: 'YYYY-MM-DD HH:mm:ss',
+        type: 'daterange',
+        defaultTime: [new Date('1 00:00:00'), new Date('1 23:59:59')]
+      }
+    },
+    isForm: false,
+  }
+])
+export const { allSchemas } = useCrudSchemas(crudSchemas)
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/DraftDesignDataListDialog/index.vue b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/DraftDesignDataListDialog/index.vue
new file mode 100644
index 0000000..c55ca3b
--- /dev/null
+++ b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/DraftDesignDataListDialog/index.vue
@@ -0,0 +1,294 @@
+<template>
+  <slot>
+    <div>
+      <el-input
+        v-model="that.showValue"
+        clearable
+        :placeholder="props.placeholder"
+        @clear="clearData"
+
+        @click="viewDetails"
+      >
+        <template #append>
+          <el-button @click.stop="openDialog">
+            <Icon icon="ep:search"/>
+          </el-button>
+        </template>
+      </el-input>
+    </div>
+  </slot>
+
+  <Dialog
+    :title="dialogTitle"
+    width="80%"
+    v-model="that.visible"
+    @close="updateVisible(false)">
+    <div>
+      <!-- 搜索工作栏 -->
+      <ContentWrap>
+        <Search
+          :schema="allSchemas.searchSchema"
+          :is-col="false"
+          @search="setSearchParams"
+          @reset="setSearchParams">
+          <!-- 新增等操作按钮 -->
+          <template #actionMore>
+            <el-button
+              type="primary"
+              plain
+              @click="openForm('create')"
+              v-hasPermi="['oms:draft-design-data:create']"
+            >
+              <Icon icon="ep:plus" class="mr-5px"/>
+              新增
+            </el-button>
+          </template>
+        </Search>
+      </ContentWrap>
+
+      <!-- 列表 -->
+      <ContentWrap>
+        <Table
+          :columns="allSchemas.tableColumns"
+          :data="tableObject.tableList"
+          :loading="tableObject.loading"
+          :selection="true"
+          ref="tableRef"
+          @selection-change="selectionChange"
+          :pagination="{
+        total: tableObject.total
+          }"
+          v-model:pageSize="tableObject.pageSize"
+          v-model:currentPage="tableObject.currentPage"
+        >
+          <template #action="{ row }">
+            <el-button
+              link
+              type="primary"
+              @click="openForm('update', row.id)"
+              v-hasPermi="['oms:draft-design-data:update']"
+            >
+              编辑
+            </el-button>
+            <el-button
+              link
+              type="danger"
+              v-hasPermi="['oms:draft-design-data:delete']"
+              @click="handleDelete(row.id)"
+            >
+              删除
+            </el-button>
+          </template>
+        </Table>
+      </ContentWrap>
+    </div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="updateVisible(false,true)">{{ t('common.cancel') }}</el-button>
+        <el-button type="primary" @click="submit">{{ t('common.ok') }}</el-button>
+      </span>
+    </template>
+  </Dialog>
+  <!-- 表单弹窗：添加/修改 -->
+  <DataForm ref="formRef" @success="getList"/>
+</template>
+
+<script lang="ts" setup name="DraftDesignDataListDialog">
+import {allSchemas} from './config.data'
+import {DraftDesignDataApi} from "@/api/oms/draftdesigndata";
+import DataForm from './DataForm.vue'
+
+/** 稿件图片库  */
+defineOptions({name: 'DraftDesignDataListDialog'})
+const emit = defineEmits(['update:modelValue', 'update:visible', 'submit']) // 定义 success 事件，用于操作成功后的回调
+
+const {t} = useI18n() // 国际化
+
+const dialogTitle = ref('设计稿件') // 弹窗的标题
+
+const props = defineProps({
+  modelValue: {
+    type: [String],
+    required: true
+  },
+  dataKey: {
+    type: String,
+    required: false,
+    default: 'id'
+  },
+  showKey: {
+    type: String,
+    required: false,
+    default: 'name'
+  },
+  multiple: {
+    type: Boolean,
+    required: false,
+    default: false
+  },
+  placeholder: {
+    type: String,
+    required: false,
+    default: '请选择'
+  },
+  width: {
+    type: String,
+    required: false,
+    default: '64px'
+  },
+  height: {
+    type: String,
+    required: false,
+    default: '64px'
+  },
+  visible: {
+    type: Boolean,
+    required: false,
+    default: false
+  }
+})
+
+const that = reactive({
+  inputVal: '',
+  showValue: '',
+  visible: false,
+})
+
+const openDialog = () => {
+  updateVisible(true);
+}
+const viewDetails = () => {
+  if (that.inputVal) {
+    openForm("preview", that.inputVal.split(",")[0])
+  } else {
+    openDialog();
+  }
+  console.log("viewDetails", viewDetails)
+}
+
+watch(() => props.modelValue, (newVal) => {
+  that.inputVal = toStr(newVal);
+  if (that.inputVal) {
+    initInput();
+  }
+})
+const toStr = (data: any) => {
+  if (data !== null && data !== undefined) {
+    return `${data}`
+  }
+  return data
+}
+let map = new Map();
+const initInput = async () => {
+  const dataKey = that.inputVal + ',' + props.dataKey + ',' + props.showKey + ',' + props.multiple;
+  if (map.has(dataKey)) {
+    const data = map.get(dataKey)
+    if (data) {
+      that.inputVal = data.inputVal
+      that.showValue = data.showValue
+      console.log('缓存数据', data)
+      return;
+    }
+  }
+  const ids = that.inputVal.split(",");
+  let tmpInput = [];
+  let tmpShow = [];
+  for (let i = 0; i < ids.length; i++) {
+    const data = await DraftDesignDataApi.getDraftDesignData(ids[i])
+    tmpInput.push(data[props.dataKey]);
+    tmpShow.push(data[props.showKey]);
+  }
+  that.inputVal = tmpInput.join(',');
+  that.showValue = tmpShow.join(',');
+  map.set(dataKey, {
+    inputVal: that.inputVal,
+    showValue: that.showValue
+  })
+}
+watch(() => props.visible, (newVal) => {
+  that.visible = newVal;
+
+})
+const clearData = () => {
+  that.inputVal = '';
+  that.showValue = '';
+  updateValue();
+}
+const updateVisible = (visible: boolean, clearInput = false) => {
+  that.visible = visible;
+  emit("update:visible", visible)
+  if (clearInput) {
+    clearData();
+  }
+}
+defineExpose({}) // 提供 open 方法，用于打开弹窗
+
+const submit = () => {
+  updateValue();
+  updateVisible(false)
+}
+const updateValue = () => {
+  emit("update:modelValue", that.inputVal)
+}
+//
+const selectionChange = (row) => {
+  if (row && row.length > 0) {
+    if (props.multiple) {
+      that.inputVal = row.map(item => item[props.dataKey || 'id']).join(',')
+      that.showValue = row.map(item => item[props.showKey || 'id']).join(',')
+    } else {
+      if (row.length > 1) {
+        useMessage().warning('单选数据，已忽略其他')
+      }
+      that.showValue = row[row.length - 1][props.showKey || 'id']
+      that.inputVal = row[row.length - 1][props.dataKey || 'id']
+    }
+  } else {
+    that.inputVal = ''
+    that.showValue = ''
+  }
+
+}
+
+const {tableObject, tableMethods} = useTable({
+  getListApi: DraftDesignDataApi.getDraftDesignDataPage, // 分页接口
+  delListApi: DraftDesignDataApi.deleteDraftDesignData // 删除接口
+})
+// 获得表格的各种操作
+const {getList, setSearchParams} = tableMethods
+
+/** 添加/修改操作 */
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+  formRef.value.open(type, id)
+}
+
+/** 删除按钮操作 */
+const handleDelete = (id: number) => {
+  tableMethods.delList(id, false)
+}
+
+/** 初始化 **/
+onMounted(() => {
+  getList()
+})
+</script>
+
+<style lang="scss" scoped>
+
+:deep(.el-input__wrapper) {
+  position: relative;
+
+  .el-input__inner {
+    padding-right: 18px;
+  }
+
+  .el-input__suffix {
+    position: absolute;
+    right: 8px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+
+</style>
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/DraftDesignImageLibDialog/index.vue b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/DraftDesignImageLibDialog/index.vue
new file mode 100644
index 0000000..d9d1828
--- /dev/null
+++ b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/DraftDesignImageLibDialog/index.vue
@@ -0,0 +1,248 @@
+<template>
+  <slot>
+    <div>
+      <el-image
+        v-show="that.iconUrl"
+        @click="imagePreview(that.iconUrl)"
+        :style="{ width: props.width,  height: props.height, }"
+        :src="that.iconUrl"/>
+      <el-input
+        v-model="that.iconUrl"
+        clearable
+        :placeholder="props.placeholder"
+        @clear="clearData"
+        @click="openDialog">
+        <template #append>
+          <el-button :icon="Search" @click="openDialog"/>
+        </template>
+      </el-input>
+    </div>
+  </slot>
+  <el-dialog
+    v-model="that.showImageLib"
+    append-to-body
+    :destroy-on-close="false"
+    :close-on-click-modal="false">
+    <div>
+      <ImageLibraryManage @close="uploadSuccess"/>
+    </div>
+  </el-dialog>
+  <Dialog :title="dialogTitle" v-model="that.visible" @close="updateVisible(false)">
+    <div>
+      <!-- 列表 -->
+      <ContentWrap>
+        <div
+          v-loading="that.imgLoading"
+          style="margin: 8px;padding-top: 12px">
+          <div style="display: flex">
+            <el-input clearable v-model="that.searchKeyword" placeholder="输入关键字搜索"/>
+            <el-button @click="queryImage">查询</el-button>
+            <el-button @click="that.showImageLib = true">图片上传</el-button>
+          </div>
+
+          <el-scrollbar height="500px">
+            <div style="display: flex;flex-wrap: wrap">
+              <el-radio-group v-model="that.iconUrl">
+                <div
+                  v-for="(item) in that.imageUrlList"
+                  :title="item.label"
+                  :key="item.key">
+                  <el-button link>
+                    <div class="image-content-item">
+                      <el-radio :value="item.icon"/>
+                      <img :src="item.icon" width="60px" height="60px"/>
+                      <div style="width: 84px;">
+                      <span
+                        class="line-clamp-1"
+                        style="font-size: 0.8rem"
+                        v-html="toHighlightText(item.label,that.searchKeyword)"></span>
+                      </div>
+                    </div>
+
+                  </el-button>
+                </div>
+              </el-radio-group>
+            </div>
+          </el-scrollbar>
+        </div>
+        <!-- 分页 -->
+        <Pagination
+          :total="that.total"
+          v-model:page="that.queryParams.pageNo"
+          v-model:limit="that.queryParams.pageSize"
+          @pagination="queryImage"
+        />
+      </ContentWrap>
+
+    </div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="updateVisible(false)">{{ t('common.cancel') }}</el-button>
+        <el-button type="primary" @click="submit">{{ t('common.ok') }}</el-button>
+      </span>
+    </template>
+  </Dialog>
+</template>
+
+<script lang="ts" setup name="DraftDesignImageLibDialog">
+
+import {toHighlightText} from "@/components/DraftDesign/utils/FuncUtil";
+import {ElButton, ElInput} from "element-plus";
+import ImageLibraryManage from "@/components/DraftDesign/components/ImageLibraryManage.vue";
+import {ShapeTemplateApi} from "@/api/oms/shapetemplate";
+import * as FileApi from "@/api/infra/file";
+import {replaceDomain} from "@/utils";
+import {ShapeType} from "@/components/DraftDesign/config";
+import {Search} from "@element-plus/icons-vue";
+import {createImageViewer} from "@/components/ImageViewer";
+
+/** 稿件图片库  */
+defineOptions({name: 'DraftDesignImageLibDialog'})
+
+const emit = defineEmits(['update:modelValue', 'update:visible', 'submit']) // 定义 success 事件，用于操作成功后的回调
+
+const {t} = useI18n() // 国际化
+
+const dialogTitle = ref('设计稿件图库') // 弹窗的标题
+
+const props = defineProps({
+  modelValue: {
+    type: [String],
+    required: true
+  },
+  placeholder: {
+    type: String,
+    required: false,
+    default: '请选择'
+  },
+  width: {
+    type: String,
+    required: false,
+    default: '64px'
+  },
+  height: {
+    type: String,
+    required: false,
+    default: '64px'
+  },
+  visible: {
+    type: Boolean,
+    required: false,
+    default: false
+  }
+})
+
+const that = reactive({
+  imgLoading: false,
+  showImageLib: false,
+  searchKeyword: '',
+  iconUrl: '',
+  visible: false,
+  imageKeySet: [],
+  imageUrlList: [],
+  total: 0,
+  queryParams: {
+    pageNo: 1,
+    pageSize: 10,
+    shapeType: ShapeType.vueShapeImage,
+    name: "",
+  },
+})
+const uploadSuccess = () => {
+  that.showImageLib = false;
+  queryImage()
+}
+const openDialog = () => {
+
+  updateVisible(true);
+  queryImage();
+}
+const queryImage = async () => {
+  that.imgLoading = true
+  that.queryParams.name = that.searchKeyword;
+  const data = await ShapeTemplateApi.getShapeTemplatePage(that.queryParams)
+  const domain = await FileApi.getDomain();
+  that.total = data.total;
+  that.imageUrlList = [];
+  that.imageKeySet = [];
+  for (let i = 0; i < data.list.length; i++) {
+    let config = JSON.parse(data.list[i].initData)
+    config.filterKeyword = function () {
+      return this.label
+    }
+    config.key = `${config.key}_${data.list[i].id}`
+    //@ts-ignore
+    if (that.imageKeySet.includes(config.key)) {
+      continue;
+    }
+    //@ts-ignore
+    that.imageKeySet.push(config.key)
+    // 替换域名
+    config.icon = replaceDomain(domain, config.icon)
+    config.data.style.shape.href = replaceDomain(domain, config.data.style.shape.href)
+    config.data.style.shape.label = config.label
+    //@ts-ignore
+    that.imageUrlList.push(config)
+    console.log("that.imageUrlList", that.imageUrlList)
+  }
+  that.imgLoading = false
+  // that.imageUrlList = data.list
+}
+watch(() => props.modelValue, (newVal) => {
+  that.iconUrl = newVal;
+})
+watch(() => props.visible, (newVal) => {
+  that.visible = newVal;
+  if (that.visible) {
+    queryImage()
+  }
+})
+const imagePreview = (imgUrl: string) => {
+  createImageViewer({
+    zIndex: 9999999,
+    urlList: [imgUrl]
+  })
+}
+const updateVisible = (visible: boolean) => {
+  that.visible = visible;
+  emit("update:visible", visible)
+}
+defineExpose({}) // 提供 open 方法，用于打开弹窗
+
+const submit = () => {
+  emit("update:modelValue", that.iconUrl)
+  updateVisible(false)
+}
+const clearData = ()=>{
+  that.iconUrl = '';
+  emit("update:modelValue", that.iconUrl)
+}
+</script>
+
+<style lang="scss" scoped>
+
+:deep(.el-input__wrapper) {
+  position: relative;
+
+  .el-input__inner {
+    padding-right: 18px;
+  }
+
+  .el-input__suffix {
+    position: absolute;
+    right: 8px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+
+.image-content-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  margin: 8px;
+  border: 1px solid var(--el-border-color);
+}
+
+</style>
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/ProductTypeDataListDialog/DataForm.vue b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/ProductTypeDataListDialog/DataForm.vue
new file mode 100644
index 0000000..030f7ab
--- /dev/null
+++ b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/ProductTypeDataListDialog/DataForm.vue
@@ -0,0 +1,70 @@
+<template>
+  <Dialog :title="dialogTitle" v-model="dialogVisible">
+    <Form :disabled="disabled" ref="formRef" :schema="allSchemas.formSchema" :rules="rules" v-loading="formLoading" />
+
+    <template #footer>
+      <el-button v-if="!disabled" @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+    </template>
+  </Dialog>
+</template>
+<script setup lang="ts">
+
+import {ProductTypeApi,ProductTypeVO} from '@/api/base/producttype'
+import { rules, allSchemas } from './config.data'
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+const dialogVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const formType = ref('') // 表单的类型：create - 新增；update - 修改
+const formRef = ref() // 表单 Ref
+
+const disabled = computed(() => {
+  return formType.value !== 'create' && formType.value !== 'update'
+})
+/** 打开弹窗 */
+const open = async (type: string, id?: number) => {
+  dialogVisible.value = true
+  dialogTitle.value = t('action.' + type)
+  formType.value = type
+  // 修改时，设置数据
+  if (id) {
+    formLoading.value = true
+    try {
+      const data = await ProductTypeApi.getProductType(id)
+      formRef.value.setValues(data)
+    } finally {
+      formLoading.value = false
+    }
+  }
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  // 校验表单
+  if (!formRef) return
+  const valid = await formRef.value.getElFormRef().validate()
+  if (!valid) return
+  // 提交请求
+  formLoading.value = true
+  try {
+    const data = formRef.value.formModel as ProductTypeVO
+    if (formType.value === 'create') {
+      await ProductTypeApi.createProductType(data)
+      message.success(t('common.createSuccess'))
+    } else {
+      await ProductTypeApi.updateProductType(data)
+      message.success(t('common.updateSuccess'))
+    }
+    dialogVisible.value = false
+    // 发送操作成功的事件
+    emit('success')
+  } finally {
+    formLoading.value = false
+  }
+}
+</script>
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/ProductTypeDataListDialog/config.data.ts b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/ProductTypeDataListDialog/config.data.ts
new file mode 100644
index 0000000..ad995f9
--- /dev/null
+++ b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/ProductTypeDataListDialog/config.data.ts
@@ -0,0 +1,89 @@
+import type { CrudSchema } from '@/hooks/web/useCrudSchemas'
+import { dateFormatter } from '@/utils/formatTime'
+
+// 表单校验
+export const rules = reactive({
+  value: [required],
+  label: [required],
+})
+
+// CrudSchema https://doc.iocoder.cn/vue3/crud-schema/
+const crudSchemas = reactive<CrudSchema[]>([
+  {
+    label: 'id',
+    field: 'id',
+    isForm: false,
+  },
+  {
+    label: '编码',
+    field: 'value',
+    isSearch: true,
+  },
+  {
+    label: '名称',
+    field: 'label',
+    isSearch: true,
+  },
+  {
+    label: '排序号',
+    field: 'sort',
+    isSearch: true,
+    form: {
+      component: 'InputNumber',
+      value: 0
+    },
+  },
+  {
+    label: '语言标识',
+    field: 'locale',
+    dictType: DICT_TYPE.LANGUAGE_LOCALE,
+    dictClass: 'string',
+    search: {
+      show: true,
+    },
+    form: {
+      component: 'SelectV2'
+    },
+  },
+  {
+    label: '扩展项',
+    field: 'extendInfo',
+    isTable: false,
+    form: {
+      component: 'Input',
+      componentProps: {
+        type: 'textarea',
+        rows: 4
+      },
+      colProps: {
+        span: 24
+      }
+    },
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    isTable: false,
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    formatter: dateFormatter,
+    isSearch: true,
+    search: {
+      component: 'DatePicker',
+      componentProps: {
+        valueFormat: 'YYYY-MM-DD HH:mm:ss',
+        type: 'daterange',
+        defaultTime: [new Date('1 00:00:00'), new Date('1 23:59:59')]
+      }
+    },
+    isForm: false,
+  },
+  {
+    label: '操作',
+    field: 'action',
+    isForm: false
+  }
+])
+export const { allSchemas } = useCrudSchemas(crudSchemas)
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/ProductTypeDataListDialog/index.vue b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/ProductTypeDataListDialog/index.vue
new file mode 100644
index 0000000..682f211
--- /dev/null
+++ b/hangtag-ui/hangtag-ui-admin/src/components/Dialog/src/ProductTypeDataListDialog/index.vue
@@ -0,0 +1,294 @@
+<template>
+  <slot>
+    <div>
+      <el-input
+        v-model="that.showValue"
+        clearable
+        :placeholder="props.placeholder"
+        @clear="clearData"
+        @click="viewDetails"
+      >
+        <template #append>
+          <el-button @click.stop="openDialog">
+            <Icon icon="ep:search"/>
+          </el-button>
+        </template>
+      </el-input>
+    </div>
+  </slot>
+
+  <Dialog
+    :title="dialogTitle"
+    width="80%"
+    v-model="that.visible"
+    @close="updateVisible(false)">
+    <div>
+      <!-- 搜索工作栏 -->
+      <ContentWrap>
+        <Search
+          :schema="allSchemas.searchSchema"
+          :is-col="false"
+          @search="setSearchParams"
+          @reset="setSearchParams">
+          <!-- 新增等操作按钮 -->
+          <template #actionMore>
+            <el-button
+              type="primary"
+              plain
+              @click="openForm('create')"
+              v-hasPermi="['oms:draft-design-data:create']"
+            >
+              <Icon icon="ep:plus" class="mr-5px"/>
+              新增
+            </el-button>
+          </template>
+        </Search>
+      </ContentWrap>
+
+      <!-- 列表 -->
+      <ContentWrap>
+        <Table
+          :columns="allSchemas.tableColumns"
+          :data="tableObject.tableList"
+          :loading="tableObject.loading"
+          :selection="true"
+          ref="tableRef"
+          @selection-change="selectionChange"
+          :pagination="{
+        total: tableObject.total
+          }"
+          v-model:pageSize="tableObject.pageSize"
+          v-model:currentPage="tableObject.currentPage"
+        >
+          <template #action="{ row }">
+            <el-button
+              link
+              type="primary"
+              @click="openForm('update', row.id)"
+              v-hasPermi="['oms:draft-design-data:update']"
+            >
+              编辑
+            </el-button>
+            <el-button
+              link
+              type="danger"
+              v-hasPermi="['oms:draft-design-data:delete']"
+              @click="handleDelete(row.id)"
+            >
+              删除
+            </el-button>
+          </template>
+        </Table>
+      </ContentWrap>
+    </div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="updateVisible(false,true)">{{ t('common.cancel') }}</el-button>
+        <el-button type="primary" @click="submit">{{ t('common.ok') }}</el-button>
+      </span>
+    </template>
+  </Dialog>
+  <!-- 表单弹窗：添加/修改 -->
+  <DataForm ref="formRef" @success="getList"/>
+</template>
+
+<script lang="ts" setup name="ProductTypeDataListDialog">
+import {allSchemas} from './config.data'
+
+import {ProductTypeApi} from '@/api/base/producttype'
+import DataForm from './DataForm.vue'
+
+/** 稿件图片库  */
+defineOptions({name: 'ProductTypeDataListDialog'})
+const emit = defineEmits(['update:modelValue', 'update:visible', 'submit']) // 定义 success 事件，用于操作成功后的回调
+
+const {t} = useI18n() // 国际化
+
+const dialogTitle = ref('设计稿件') // 弹窗的标题
+
+const props = defineProps({
+  modelValue: {
+    type: [String],
+    required: true
+  },
+  dataKey: {
+    type: String,
+    required: false,
+    default: 'id'
+  },
+  showKey: {
+    type: String,
+    required: false,
+    default: 'label'
+  },
+  multiple: {
+    type: Boolean,
+    required: false,
+    default: false
+  },
+  placeholder: {
+    type: String,
+    required: false,
+    default: '请选择'
+  },
+  width: {
+    type: String,
+    required: false,
+    default: '64px'
+  },
+  height: {
+    type: String,
+    required: false,
+    default: '64px'
+  },
+  visible: {
+    type: Boolean,
+    required: false,
+    default: false
+  }
+})
+
+const that = reactive({
+  inputVal: '',
+  showValue: '',
+  visible: false,
+})
+
+const openDialog = () => {
+  updateVisible(true);
+}
+const viewDetails = () => {
+  if (that.inputVal) {
+    openForm("preview", that.inputVal.split(",")[0])
+  } else {
+    openDialog();
+  }
+  console.log("viewDetails", viewDetails)
+}
+watch(() => props.modelValue, (newVal) => {
+  that.inputVal = toStr(newVal);
+  if (that.inputVal) {
+    initInput();
+  }
+})
+const toStr = (data: any) => {
+  if (data !== null && data !== undefined) {
+    return `${data}`
+  }
+  return data
+}
+let map = new Map();
+const initInput = async () => {
+  const dataKey = that.inputVal + ',' + props.dataKey + ',' + props.showKey + ',' + props.multiple;
+  if (map.has(dataKey)) {
+    const data = map.get(dataKey)
+    if (data) {
+      that.inputVal = data.inputVal
+      that.showValue = data.showValue
+      console.log('缓存数据', data)
+      return;
+    }
+  }
+
+  const ids = that.inputVal.split(",");
+  let tmpInput = [];
+  let tmpShow = [];
+  for (let i = 0; i < ids.length; i++) {
+    const data = await ProductTypeApi.getProductType(ids[i])
+    tmpInput.push(data[props.dataKey]);
+    tmpShow.push(data[props.showKey]);
+  }
+  that.inputVal = tmpInput.join(',');
+  that.showValue = tmpShow.join(',');
+  map.set(dataKey, {
+    inputVal: that.inputVal,
+    showValue: that.showValue
+  })
+}
+watch(() => props.visible, (newVal) => {
+  that.visible = newVal;
+
+})
+const clearData = () => {
+  that.inputVal = '';
+  that.showValue = '';
+  updateValue();
+}
+const updateVisible = (visible: boolean, clearInput = false) => {
+  that.visible = visible;
+  emit("update:visible", visible)
+  if (clearInput) {
+    clearData();
+  }
+}
+defineExpose({}) // 提供 open 方法，用于打开弹窗
+
+const submit = () => {
+  updateValue();
+  updateVisible(false)
+}
+const updateValue = () => {
+  emit("update:modelValue", that.inputVal)
+}
+//
+const selectionChange = (row) => {
+  if (row && row.length > 0) {
+    if (props.multiple) {
+      that.inputVal = row.map(item => item[props.dataKey || 'id']).join(',')
+      that.showValue = row.map(item => item[props.showKey || 'id']).join(',')
+    } else {
+      if (row.length > 1) {
+        useMessage().warning('单选数据，已忽略其他')
+      }
+      that.showValue = row[row.length - 1][props.showKey || 'id']
+      that.inputVal = row[row.length - 1][props.dataKey || 'id']
+    }
+  } else {
+    that.inputVal = ''
+    that.showValue = ''
+  }
+
+}
+
+const {tableObject, tableMethods} = useTable({
+  getListApi: ProductTypeApi.getProductTypePage, // 分页接口
+  delListApi: ProductTypeApi.deleteProductType // 删除接口
+})
+// 获得表格的各种操作
+const {getList, setSearchParams} = tableMethods
+
+/** 添加/修改操作 */
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+  formRef.value.open(type, id)
+}
+
+/** 删除按钮操作 */
+const handleDelete = (id: number) => {
+  tableMethods.delList(id, false)
+}
+
+/** 初始化 **/
+onMounted(() => {
+  getList()
+})
+</script>
+
+<style lang="scss" scoped>
+
+:deep(.el-input__wrapper) {
+  position: relative;
+
+  .el-input__inner {
+    padding-right: 18px;
+  }
+
+  .el-input__suffix {
+    position: absolute;
+    right: 8px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+
+</style>
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/DesignPreviewDialog.vue b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/DesignPreviewDialog.vue
new file mode 100644
index 0000000..56ccc7e
--- /dev/null
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/DesignPreviewDialog.vue
@@ -0,0 +1,65 @@
+<template>
+  <Dialog
+    v-model="that.previewVisible"
+    title="预览"
+    width="80vw"
+    top="20px"
+    append-to-body
+    @close="updateVisible(false)">
+    <div v-loading="that.loading">
+      <DesignPropEdit  ref="designPropEditRef" />
+    </div>
+  </Dialog>
+</template>
+
+<script lang="ts" setup name="DesignPreviewDialog">
+import {ElAlert} from "element-plus";
+import {reactive, computed, watch} from 'vue'
+import {calculateVectorDifference} from "@/components/DraftDesign/utils/FuncUtil";
+import {useMessage} from "@/hooks/web/useMessage";
+
+const emit = defineEmits(['update:visible', 'submit'])
+const designPropEditRef = ref();
+const that = reactive({
+  previewVisible: false,
+  loading: false,
+})
+const updateVisible = (visible)=>{
+  that.previewVisible = visible;
+}
+const preview = (config,prop={})=>{
+  updateVisible(true);
+  that.loading = true;
+  setTimeout(()=>{
+    designPropEditRef.value.loadConfig(config,prop);
+    that.loading = false;
+  },300)
+}
+// 预览产品id
+const previewByProductId = (id: string | number,prop={})=>{
+  updateVisible(true);
+  that.loading = true;
+  setTimeout(()=>{
+    designPropEditRef.value.previewByProductId(id,prop);
+    that.loading = false;
+  },300)
+}
+// 预览草稿设计id
+const previewByDraftDesignId = (id: string | number,prop={})=>{
+  updateVisible(true);
+  that.loading = true;
+  setTimeout(()=>{
+    designPropEditRef.value.previewByDraftDesignId(config,prop);
+    that.loading = false;
+  },300)
+}
+defineExpose({
+  preview,
+  previewByProductId,
+  previewByDraftDesignId,
+  updateVisible,
+})
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/DesignPropEdit.vue b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/DesignPropEdit.vue
new file mode 100644
index 0000000..f5fdfb6
--- /dev/null
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/DesignPropEdit.vue
@@ -0,0 +1,475 @@
+<!-- eslint-disable vue/this-in-template -->
+<template>
+  <div style="max-height: 90vh; overflow:auto;">
+     <span>
+         仅供参考(for reference only),绿色边框属于边界
+       </span>
+    <div style="padding-bottom: 4px">
+      <el-button @click="that.currentZoom -= 1" :disabled="that.currentZoom <= 1">-
+      </el-button>
+      <el-select v-model="that.currentZoom" style="width: 90px">
+        <el-option
+          v-for="item in zoomList"
+          :key="item.value"
+          :label="(Math.floor(item.value))"
+          :value="item.value"
+        />
+        <el-option
+          v-if="!zoomList.some(o => o.value === that.currentZoom)"
+          :label="(Math.floor(that.currentZoom))"
+          :value="that.currentZoom"
+        />
+      </el-select>
+      <el-button @click="that.currentZoom += 1" :disabled="that.currentZoom >= 30">+
+      </el-button>
+    </div>
+    <div style="display: flex; flex-wrap: wrap;">
+
+      <div v-if="that.previewUrl" style="margin: 2px; box-shadow: 0 0 1px 1px rgb(0,255,0)">
+        <el-image
+          @click="imagePreview(that.previewUrl)"
+          v-loading="loading"
+          :src="that.previewUrl"/>
+      </div>
+      <div v-if="that.propOrderByList && that.propOrderByList.length > 0">
+        <el-scrollbar height="600px">
+          <el-form label-width="280px">
+            <el-form-item
+              v-for="(tmp) in  that.propOrderByList"
+              :key="tmp.key"
+              :label="getLabelName(that.propInfo[tmp.key])">
+              <div v-if="that.propInfo[tmp.key].shape === ShapeType.vueTextCell">
+                <div
+                  v-if="that.propInfo[tmp.key].isCombo && that.propInfo[tmp.key].dataInfo.length === 2">
+                  <!--               图片文本 组合-->
+                  <div style="display: flex">
+
+                    <div style="display: flex;align-items: center;">
+                      <div>
+                        <i
+                          v-if="that.propInfo[tmp.key].canInput"
+                          class="icon-lk_edit"
+                          style="font-size: 20px"> </i>
+                        <i v-else class="icon-lk_cell_add" style="font-size: 20px"> </i>
+                      </div>
+                      <el-select-v2
+                        v-model="that.propInfo[tmp.key].dataInfo[0].label"
+                        filterable
+                        :options="that.washingInfoList"
+                        placeholder="Please select"
+                        @change="changeComboData(that.propInfo[tmp.key],that.propInfo[tmp.key].dataInfo[0].label)"
+                        size="large"
+                        style="min-width: 280px;width: 100%"
+                      >
+                        <template #default="{ item }">
+                          <div style="display: flex;">
+                            <img :src="item.url" width="30px" height="30px"/>
+                            <span>
+                                {{ item.label }}
+                              </span>
+                          </div>
+                        </template>
+                      </el-select-v2>
+                    </div>
+                    <div class="img-box">
+                      <div>
+                        <img
+                          :src="that.propInfo[tmp.key].dataInfo[1].url"
+                          width="60px"
+                          height="60px"/>
+                      </div>
+                    </div>
+                    <div>
+                      <el-button
+                        v-if="that.propInfo[tmp.key].canChange"
+                        @click="deleteList(info,-1)">
+                        <i class="icon-lk_delete"> </i>
+                      </el-button>
+                    </div>
+                  </div>
+                </div>
+
+                <div
+                  v-else
+                  v-for="(text,index) in that.propInfo[tmp.key].dataInfo"
+                  :key="index"
+                  style="padding: 4px">
+                  <div style="display: flex;align-items: center;">
+                    <span>
+                      <i
+                        v-if="that.propInfo[tmp.key].canInput"
+                        class="icon-lk_edit"
+                        style="font-size: 20px"> </i>
+                      <i v-else class="icon-lk_cell_add" style="font-size: 20px"> </i>
+                    </span>
+                    <el-autocomplete
+                      v-if="that.propInfo[tmp.key].canInput"
+                      v-model="that.propInfo[tmp.key].dataInfo[index].label"
+                      :fetch-suggestions="querySearch"
+                      clearable
+                      class="inline-input w-50"
+                      placeholder="Please Input"
+                      @change="changeData"
+                      @select="changeData"
+                    />
+
+                    <el-select-v2
+                      v-else
+                      v-model="that.propInfo[tmp.key].dataInfo[index].label"
+                      filterable
+                      :options="that.ingredientInfoList"
+                      placeholder="Please select"
+                      @change="changeData"
+                      size="large"
+                      style="min-width: 280px;width: 100%"
+                    />
+
+
+                    <el-button
+                      v-if="that.propInfo[tmp.key].canChange"
+                      @click="deleteList(info,index)">
+                      <i class="icon-lk_delete"> </i>
+                    </el-button>
+                  </div>
+                </div>
+
+                <el-button v-if="that.propInfo[tmp.key].canChange" @click="appendList(info)">
+                  添加
+                </el-button>
+              </div>
+
+              <div v-else-if="that.propInfo[tmp.key].shape === ShapeType.vueShapeImage">
+                <div
+                  v-for="(img,index) in that.propInfo[tmp.key].dataInfo"
+                  :key="index" style="display: flex">
+                  <div class="img-box">
+                    <div>
+                      <img :src="img.url" width="60px" height="60px"/>
+                    </div>
+                  </div>
+                  <el-button>
+                    <i class="icon-lk_image"></i>
+                  </el-button>
+                  <el-button @click="deleteList(info,index)">
+                    <i class="icon-lk_delete"> </i>
+                  </el-button>
+                </div>
+                <el-button @click="appendList(info)">
+                  添加
+                </el-button>
+
+              </div>
+
+            </el-form-item>
+          </el-form>
+        </el-scrollbar>
+
+      </div>
+    </div>
+
+    <div
+      :class="{ 'hidden-div': true }">
+      <DraftDesign ref="draftDesignEditRef"/>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup name="DynamicPropConfig">
+import {ElButton, ElSelect, ElSelectV2} from "element-plus";
+import {reactive, watch} from 'vue'
+import {useMessage} from "@/hooks/web/useMessage";
+import {DraftDesignDataApi} from "@/api/oms/draftdesigndata";
+import DraftDesign from "@/components/DraftDesign/index.vue";
+import {ShapeType} from "@/components/DraftDesign/config";
+import {createImageViewer} from "@/components/ImageViewer";
+import {ProductCareItemApi} from "@/api/oms/productcareitem";
+import {replaceDomain} from "@/utils";
+import * as FileApi from "@/api/infra/file";
+import {useLocaleStore} from "@/store/modules/locale";
+import {ProductInfoApi} from "@/api/oms/productinfo";
+// 动态属性配置
+const localeStore = useLocaleStore()
+const emit = defineEmits(['change'])
+const draftDesignEditRef = ref()
+const that = reactive({
+  propInfo: {
+    groupName: '', // 父节点名称
+    isCombo: false, // 是否是组合节点
+    minSize: 1,
+    maxSize: 100,
+    canChange: false,
+    canInput: false,
+    cellIds: [], // 节点id
+    groupId: `g_${Math.random().toString(36).substring(2)}`,
+    dataInfo: [], //节点是数据
+    shape: '', // 图形类型
+  },
+  propOrderByList: [],
+  currentZoom: 6,
+  previewUrl: "",
+  ingredientInfoList: [],
+  washingInfoList: [],
+  pageConfig: {
+    background: null,
+  },
+  data: {},
+  show: false,
+})
+
+const zoomList = [
+  {
+    value: 1,
+    label: '1'
+  },
+  {
+    value: 5,
+    label: '5'
+  },
+  {
+    value: 6,
+    label: '6'
+  },
+  {
+    value: 10,
+    label: '10'
+  }, {
+    value: 15,
+    label: '15'
+  }, {
+    value: 20,
+    label: '20'
+  }, {
+    value: 30,
+    label: '30'
+  },
+]
+const currentLocale = computed(() => localeStore.getCurrentLocale)
+watch(() => that.currentZoom, () => {
+  showPng();
+})
+const querySearch = (queryString: string, cb: any) => {
+
+  const results = queryString ? that.ingredientInfoList.filter((item: any) => {
+    return item.value.toLowerCase().indexOf(queryString.toLowerCase()) !== -1
+  }) : that.ingredientInfoList
+  cb(results)
+}
+
+const imagePreview = (imgUrl: string) => {
+  createImageViewer({
+    zIndex: 9999999,
+    urlList: [imgUrl]
+  })
+}
+const getLabelName = (item) => {
+  if (item.shape === ShapeType.vueShapeImage) {
+    return item.groupName + "(icon):"
+  }
+  return item.groupName + ":"
+}
+const loading = ref(false);
+const changeData = () => {
+  console.log("that.propInfo", that.propInfo)
+  resetData();
+}
+const changeComboData = (item: any, label: string) => {
+  for (let i = 0; i < that.washingInfoList.length; i++) {
+    // @ts-ignore
+    if (that.washingInfoList[i].value === label) {
+      // @ts-ignore
+      item.dataInfo[1].url = that.washingInfoList[i].url
+      break;
+    }
+  }
+  resetData();
+}
+
+const deleteList = (item, index) => {
+  item.dataInfo.splice(index, 1)
+  resetData();
+}
+const appendList = (item) => {
+  item.dataInfo.push(
+    {
+      label: '',
+      url: '',
+      ...item.dataInfo[item.dataInfo.length - 1]
+    }
+  )
+  resetData();
+}
+const formData = ref({
+  id: undefined,
+  code: undefined,
+  name: undefined,
+  author: undefined,
+  version: 1,
+  locale: 'zh-CN',
+  enabled: undefined,
+  remark: undefined,
+  details: undefined,
+  propDefault: undefined,
+})
+// 预览 图稿id
+const previewByDraftDesignId = async (id: string | number, propData = {}) => {
+  if (id) {
+    const res = await DraftDesignDataApi.getDraftDesignData(id)
+    if (res) {
+      formData.value = res
+      const j = formData.value.details || "{}"
+      const d = JSON.parse(j)
+      loadConfig(d, propData);
+    } else {
+      useMessage().error('获取数据不存在:' + id)
+    }
+  }
+}
+// 预览 根据商品id
+const previewByProductId = async (id: string | number, propData = {}) => {
+  if (id) {
+    const prodRes = await ProductInfoApi.getProductInfo(id)
+    if (!prodRes.draftDesignDataId) {
+      useMessage().error('商品未关联设计图稿数据:' + id)
+      return;
+    }
+    const res = await DraftDesignDataApi.getDraftDesignData(prodRes.draftDesignDataId)
+    if (res) {
+      formData.value = res
+      const j = formData.value.details || "{}"
+      const d = JSON.parse(j)
+      loadConfig(d, propData);
+    } else {
+      useMessage().error('获取数据不存在:' + id)
+    }
+  }
+}
+const loadConfig = (config: object, propData = {}) => {
+  console.log("config", config)
+  that.pageConfig = config.pageConfig
+  that.data = config.data
+  that.propInfo = propData
+  // true, conf.pageConfig, conf.data, test
+  draftDesignEditRef.value.init(false, that.pageConfig, that.data, that.propInfo)
+  showPng();
+  queryUseLabel();
+}
+const queryUseLabel = (label) => {
+  FileApi.getDomain().then(domain => {
+    ProductCareItemApi.getProductCareItemPage({
+      pageNo: 1,
+      pageSize: 100,
+      value: label,
+      locale: currentLocale.value.lang,
+      isCombo: false,
+    }).then((data) => {
+      that.ingredientInfoList = [];
+      if (data.list) {
+        that.ingredientInfoList = data.list.map((item) => {
+          return {
+            value: item.value,
+            label: item.value,
+            url: ''
+          }
+        })
+      }
+    })
+    ProductCareItemApi.getProductCareItemPage({
+      pageNo: 1,
+      pageSize: 100,
+      value: label,
+      locale: currentLocale.value.lang,
+      isCombo: true,
+    }).then((data) => {
+      that.washingInfoList = [];
+      if (data.list) {
+        that.washingInfoList = data.list.map((item) => {
+          return {
+            value: item.value,
+            label: item.value,
+            url: replaceDomain(domain, item.iconUrl)
+          }
+        })
+      }
+    })
+  });
+
+}
+const showPng = () => {
+  if (that.pageConfig && that.pageConfig.background) {
+    loading.value = true
+    setTimeout(() => {
+      draftDesignEditRef.value.toPngUrl((url) => {
+        that.previewUrl = url
+        const info = draftDesignEditRef.value.getPropInfo();
+        console.log("info", info)
+        that.propInfo = info.propDefault;
+        that.propOrderByList = info.propOrderByList;
+        submit();
+        loading.value = false;
+      }, {
+        widthScale: that.currentZoom,
+        heightScale: that.currentZoom
+      })
+
+    }, 200)
+  }
+
+}
+const resetData = () => {
+  setTimeout(() => {
+    draftDesignEditRef.value.init(false, that.pageConfig, that.data, that.propInfo)
+    showPng();
+  }, 100)
+}
+
+const getPropInfo = () => {
+  return that.propInfo;
+}
+const submit = () => {
+  const info = getPropInfo();
+  emit('change', info)
+}
+onMounted(() => {
+})
+defineExpose({
+  previewByDraftDesignId,
+  previewByProductId,
+  loadConfig,
+  getPropInfo
+})
+</script>
+
+<style lang="scss" scoped>
+
+:deep(.el-input__wrapper) {
+  position: relative;
+
+  .el-input__inner {
+    padding-right: 18px;
+  }
+
+  .el-input__suffix {
+    position: absolute;
+    right: 8px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+
+.hidden-div {
+  position: fixed;
+  left: -100000px;
+}
+
+.img-box {
+  border: 1px solid rgba(182, 181, 181, 0.7);
+  border-radius: 10px;
+  margin: 8px 2px;
+
+  div {
+    margin: 4px;
+    width: 60px;
+    height: 60px;
+  }
+}
+</style>
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/DynamicPropConfig.vue b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/DynamicPropConfig.vue
index 60a6294..0c085d9 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/DynamicPropConfig.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/DynamicPropConfig.vue
@@ -2,10 +2,11 @@
   <el-dialog
     v-model="that.show"
     title="动态属性配置"
-    width="80vw"
+    width="60vw"
+    draggable
     append-to-body
     @close="updateVisible(false)">
-    <div>
+    <div style="width: 100%">
       <el-alert
         title="动态属性配置说明"
         type="info"
@@ -16,7 +17,7 @@
         "位置信息配置为节点的位置信息。如：添加了3个配置数据这时会依次添加到对应位置上。从而实现动态属性配置。"
       </el-alert>
       <el-form>
-        <el-row >
+        <el-row>
           <el-col :span="6" :xs="12">
             <el-form-item label="组名称">
               <el-input v-model="that.configInfo.groupName" placeholder="请输入组名称"/>
@@ -28,28 +29,82 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <el-form-item label="控制">
+          <el-row>
+            <el-col :span="12">
+             <div style="width: 120px;display: flex">
+               <el-checkbox
+                 v-model="that.configInfo.canChange"
+                 :disabled="that.configInfo.isCombo">
+               <span>允许调整数量</span>
+               </el-checkbox>
+             </div>
+            </el-col>
+            <el-col :span="12">
+             <div  style="width: 120px;display: flex">
+               <el-checkbox
+                 v-model="that.configInfo.canInput"
+                 :disabled="that.configInfo.isCombo">
+                <span>允许输入值</span>
+               </el-checkbox>
+             </div>
+            </el-col>
+          </el-row>
+        </el-form-item>
+        <el-form-item label="数量">
+          <el-row>
+            <el-col :span="11">
+              min
+              <el-input-number
+                v-model="that.configInfo.minSize"
+                :min="1"
+                :max="that.configInfo.maxSize"
+                :disabled="that.configInfo.isCombo"/>
+            </el-col>
+            <el-col :span="11">
+              max
+              <el-input-number
+
+                v-model="that.configInfo.maxSize" :min="1"
+                :disabled="that.configInfo.isCombo"/>
+            </el-col>
+          </el-row>
+        </el-form-item>
         <el-form-item label="位置信息">
           <div style="display: flex;flex-direction: column">
-            <div>
+            <div v-if="!that.configInfo.isCombo && that.configInfo.pointList.length > 1">
               <el-button @click="append(1)">追加</el-button>
               <el-button @click="append(10)">追加10个</el-button>
               <el-button type="danger" @click="delLast">删除</el-button>
             </div>
+            <div v-else-if="!that.configInfo.isCombo">
+              <span style="font-size: 0.8rem;color: #7c7b7b">两个或者以上允许追加更多位置信息</span>
+            </div>
             <el-scrollbar height="400px">
-              <div style=" box-shadow: 2px 0 0 1px #eee;" v-for="(item, index) in that.configInfo.pointList" :key="index">
+              <div
+                style=" box-shadow: 2px 0 0 1px #eee;"
+                v-for="(item, index) in that.configInfo.pointList"
+                :key="index">
                 <el-row>
-                  <el-col :span="2">{{index +1}}</el-col>
+                  <el-col :span="2">{{ index + 1 }}</el-col>
                   <el-col :span="11">
-                    X向右
+                   <span><span v-if="that.configInfo.isCombo" style="padding-right: 4px">
+                     {{ index === 0 ? 'text' : 'icon' }}
+                   </span> X向右</span>
                     <el-input-number v-model="that.configInfo.pointList[index].x"/>
                   </el-col>
                   <el-col :span="11">
-                    Y向下
+                    <span>
+                      <span
+                        v-if="that.configInfo.isCombo"
+                        style="padding-right: 4px">
+                        {{ index === 0 ? 'text' : 'icon' }}
+                      </span>
+                      Y向下</span>
                     <el-input-number v-model="that.configInfo.pointList[index].y"/>
                   </el-col>
                   <hr/>
                 </el-row>
-
               </div>
             </el-scrollbar>
           </div>
@@ -72,13 +127,18 @@ import {calculateVectorDifference} from "@/components/DraftDesign/utils/FuncUtil
 import {useMessage} from "@/hooks/web/useMessage";
 // 动态属性配置
 
-const emit = defineEmits(['update:visible','submit'])
+const emit = defineEmits(['update:visible', 'submit'])
 
 const that = reactive({
   allGroupList: [],
   show: false,
-  configInfo:{
+  configInfo: {
     groupName: '', // 父节点名称
+    isCombo: false, // 是否是组合节点
+    minSize: 1,
+    maxSize: 100,
+    canChange: false,
+    canInput: false,
     cellIds: [], // 节点id
     groupId: `g_${Math.random().toString(36).substring(2)}`,
     data: {}, //节点是数据
@@ -93,7 +153,7 @@ const props = defineProps({
   }
 })
 const delLast = () => {
-  if(that.configInfo.pointList.length === 1){
+  if (that.configInfo.pointList.length === 1) {
     useMessage().warning(`至少需要1个位置信息`)
     return;
   }
@@ -101,11 +161,12 @@ const delLast = () => {
   useMessage().success(`成功删除1个位置信息`)
 }
 const appendNode = () => {
-  const arr  = that.configInfo.pointList
-  const tmp = calculateVectorDifference(arr[arr.length - 1],arr[arr.length - 2])
+  const arr = that.configInfo.pointList
+  const tmp = calculateVectorDifference(arr[arr.length - 1], arr[arr.length - 2])
 
-  const dx = arr[arr.length - 1].x + tmp.x
-  const dy = arr[arr.length - 1].y + tmp.y
+  //@ts-ignore
+  const dx = arr[arr.length - 1].x + tmp.x, dy = arr[arr.length - 1].y + tmp.y;
+  //@ts-ignore
   that.configInfo.pointList.push({
     x: dx,
     y: dy,
@@ -113,19 +174,25 @@ const appendNode = () => {
     size: {...arr[arr.length - 1].size}
   })
 }
-const append = (count = 1)=>{
+const append = (count = 1) => {
   let i = 0;
-   while (i < count){
-     appendNode()
-     i++;
-   }
+  while (i < count) {
+    appendNode()
+    i++;
+  }
   useMessage().success(`成功添加${count}个位置信息`)
 }
 const init = (allGroupList, data) => {
   that.allGroupList = allGroupList;
+
   that.configInfo = {
     groupName: '', // 父节点名称
     groupId: `g_${Math.random().toString(36).substring(2)}`,
+    isCombo: false, // 是否是组合节点
+    minSize: 1, // 节点组最小数量
+    maxSize: 100, // 节点组最大数量
+    canChange: false, // 是否允许调整数量
+    canInput: false,// 是否允许输入值
     cellIds: [], // 节点id
     data: {}, //节点是数据
     shape: '', // 节点类型
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/ImageLibraryManage.vue b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/ImageLibraryManage.vue
index 42a193b..be0a280 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/ImageLibraryManage.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/ImageLibraryManage.vue
@@ -88,6 +88,8 @@ const props = defineProps({
   tipsText: propTypes.string.def('点击选择图片上传'),
 })
 
+const emit = defineEmits( ["close",'update:modelValue'])
+
 const { uploadUrl, httpRequest } = useUpload()
 
 const fileList = ref<UploadUserFile[]>([])
@@ -116,20 +118,14 @@ const beforeUpload: UploadProps['beforeUpload'] = (rawFile) => {
   return imgType.includes(rawFile.type as FileTypes) && imgSize
 }
 
-const emit = defineEmits( ["close",'update:modelValue'])
-const formData = ref({
-  id: undefined,
-  shapeType: undefined,
-  name: undefined,
-  initData: undefined,
-})
 
 const uploadSuccess: UploadProps['onSuccess'] = (res: any): void => {
   message.success('上传成功')
-  // 删除自身
+  //@ts-ignore  删除自身
   const index = fileList.value.findIndex((item) => item.response?.data === res.data)
   fileList.value.splice(index, 1)
   uploadList.value.push({
+    // @ts-ignore
     filename: res.filename || res.data ,
     name : res.data,
     url: res.data })
@@ -181,15 +177,18 @@ const addNew = async () => {
         }
       },
       icon: fileList.value[i].url,
+      //@ts-ignore
       label: fileList.value[i].filename || '未命名图片',
       filterKeyword: function (){ return this.label }
     };
     const data = {
       id: undefined,
       shapeType: ShapeType.vueShapeImage,
+      //@ts-ignore
       name: fileList.value[i].filename,
       initData: JSON.stringify(info),
     }
+    //@ts-ignore
     await ShapeTemplateApi.createShapeTemplate(data)
   }
 
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/layout/LeftPanel.vue b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/layout/LeftPanel.vue
index 1d2acc4..075a2e7 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/layout/LeftPanel.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/layout/LeftPanel.vue
@@ -16,8 +16,12 @@
           v-loading="that.imgLoading"
           style="margin: 8px;padding-top: 12px"
           v-if="`shape_image` === layout.leftActive">
-          <el-input v-model="layout.searchKeyword" placeholder="输入关键字搜索"/>
+          <div style="display: flex">
+            <el-input clearable v-model="layout.searchKeyword" placeholder="输入关键字搜索"/>
+            <el-button @click="queryImage">查询</el-button>
+          </div>
           <el-button @click="that.showImageLib = true">图片上传</el-button>
+          <el-scrollbar height="500px">
           <div style="display: flex;flex-wrap: wrap">
             <div
               :title="item.label" class="image-item"
@@ -37,6 +41,15 @@
               </div>
             </div>
           </div>
+
+          </el-scrollbar>
+          <!-- 分页 -->
+          <Pagination
+            :total="that.total"
+            v-model:page="that.queryParams.pageNo"
+            v-model:limit="that.queryParams.pageSize"
+            @pagination="queryImage"
+          />
         </div>
 
         <div style="margin: 8px;padding-top: 12px" v-else>
@@ -153,11 +166,12 @@ const hasKey = (obj, path) => {
 const that = reactive({
   effect: 'dark',
   showImageLib: false,
+  total:0,
   queryParams: {
     pageNo: 1,
-    pageSize: 80,
+    pageSize: 20,
     shapeType: ShapeType.vueShapeImage,
-    name: undefined,
+    name: '',
   },
   imgLoading: false,
   imageKeySet: [],
@@ -204,9 +218,12 @@ const uploadSuccess = () => {
 
 const queryImage = async () => {
   that.imgLoading = true
+  that.queryParams.name = layout.searchKeyword;
   const data = await ShapeTemplateApi.getShapeTemplatePage(that.queryParams)
   const domain = await FileApi.getDomain();
-
+  that.total = data.total;
+  that.imageUrlList = [];
+  that.imageKeySet = [];
   for (let i = 0; i < data.list.length; i++) {
     let config = JSON.parse(data.list[i].initData)
     config.filterKeyword = function () {
@@ -293,8 +310,8 @@ const layout = reactive({
       shape: ShapeType.vueShapeRect,
       data: {
         label: '',
-        width: 80,
-        height: 80,
+        width: 10,
+        height: 10,
         shape: VueCellShapeType.Rect,
         style: {
           fontSize: 12,
@@ -314,8 +331,8 @@ const layout = reactive({
       shape: ShapeType.vueShapeRect,
       data: {
         label: '',
-        width: 80,
-        height: 80,
+        width: 10,
+        height: 10,
         shape: VueCellShapeType.Rect,
         style: {
           fontSize: 12,
@@ -336,8 +353,8 @@ const layout = reactive({
       shape: ShapeType.vueShapeRect,
       data: {
         label: '',
-        width: 80,
-        height: 80,
+        width: 10,
+        height: 10,
         shape: VueCellShapeType.Rect,
         style: {
           fontSize: 12,
@@ -383,7 +400,7 @@ $height: 600px;
 $mainPanelWidth: 368px;
 $mainPanelToggleLeft: 367px;
 $mainPanelLeft: 67px;
-$panelZIndex: 10;
+$panelZIndex: 20;
 
 
 .mainPanel {
@@ -411,6 +428,7 @@ $panelZIndex: 10;
 }
 
 .mainPanel-mainContent-toggle {
+
   width: 10px;
   height: 88px;
   position: absolute;
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/layout/RightPanel.vue b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/layout/RightPanel.vue
index 2fc5f0d..4796cc9 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/layout/RightPanel.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/layout/RightPanel.vue
@@ -183,6 +183,7 @@ defineExpose({
 $height: 600px;
 $mainPanelWidth: 260px;
 .mainPanel {
+  z-index: 20;
   background-color: #ffffff;
   width: $mainPanelWidth;
   height: $height;
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/layout/index.vue b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/layout/index.vue
index 1383e8d..28241de 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/layout/index.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/layout/index.vue
@@ -4,7 +4,8 @@
 
     <el-dialog
       v-model="that.showDialog"
-      :close-on-click-modal="false"
+      draggable
+      :close-on-click-modal="true"
     >
       <template #title>
         <div>
@@ -17,8 +18,8 @@
             <div>
               <el-form-item label="backgroundColor">
                 <ColorPickerTool
-                  v-model="that.pageConfig.background.color"
-                  :uuid="`background.color`"
+                  v-model="that.pageConfig.background.areaColor"
+                  :uuid="`background.areaColor`"
                   @active-change="changePageColor"
                   show-alpha
                   :predefine="predefineColors"/>
@@ -38,6 +39,14 @@
                     v-model="that.pageConfig.editArea.height"
                     @change="changePageConfig"/>
                 </div>
+                <div>
+                  onLoadZoom
+                  <el-input-number
+                    :min="0.1"
+                    :max="10"
+                    v-model="that.pageConfig.onLoadZoom"
+                    @change="changePageConfig"/>
+                </div>
               </div>
               <div>
                 <el-select
@@ -69,7 +78,49 @@
         </el-form>
       </template>
     </el-dialog>
-    <el-container>
+
+    <el-dialog
+      v-model="that.showOrderByDialog"
+      draggable
+      width="50vw"
+      :close-on-click-modal="true"
+    >
+      <template #title>
+        <div>
+          动态属性排序
+        </div>
+      </template>
+
+      <template #default>
+        <div>
+          <span style="font-size: 0.8rem;color: #b5b3b3">将关键必要属性进行排序，让布局更清晰</span>
+          <span style="font-size: 0.8rem;color: #b5b3b3">按下鼠标左键进行拖拽进行排序，拖拽结束后，即可生效。</span>
+          <Draggable
+            style="display: flex; flex-direction: column; align-items: center;"
+            ghost-class="draggable-ghost"
+            item-key="key"
+            @change="propListChange"
+            handler=".order-by-item"
+            :list="that.propList"
+            :group="{ name: 'orderItem'}"
+            :animation="200"
+          >
+            <template #item="{ element,index }">
+              <div class="order-by-item">
+                <span style="padding: 4px">{{index+1}}</span>
+                <i v-if="element.shape === ShapeType.vueShapeImage" class="icon-lk_image" title="icon属性"> </i>
+                <i v-else-if="element.isCombo" class="icon-lk_cell_add" title="组合属性"> </i>
+                <i v-else class="icon-lk_text"> </i>
+                <span style="padding: 4px;">{{element.name}}</span>
+
+              </div>
+            </template>
+          </Draggable>
+        </div>
+      </template>
+    </el-dialog>
+
+    <el-container >
       <el-header class="top-tool-bar" v-show="layout.draftDesignState">
         <div style="display: flex;align-items: center;height: 100%;">
           <div style="background-color: #34bfa3;width: 68px;height: 100%;">
@@ -77,9 +128,13 @@
           <div
             style="margin-left: 6px;display: flex;flex-wrap: wrap;align-items: center;height: 100%;max-width: 900px">
             <div>
-              <el-button @click="that.showDialog = true">Settings</el-button>
+              <el-button @click="that.showDialog = true" :title="Setting">Settings</el-button>
+            </div>
+            <div>
+              <el-button @click="that.showOrderByDialog= true" :title="'属性排序'">
+                <i class="icon-lk_order_by"> </i>
+              </el-button>
             </div>
-
             <div v-if="hasKey(that.cellInfo, 'angle')">
               <el-popover
                 placement="bottom-start"
@@ -183,6 +238,7 @@
 
             <div>
               <el-button
+                title="保存Save(Ctrl+S)"
                 @click="btnChange('canSave',!that.btnState.canUndo)"
                 :disabled="!that.btnState.canSave">
                 <i class="icon-lk_save"></i>
@@ -190,6 +246,7 @@
             </div>
             <div>
               <el-button
+                title="清空Clear"
                 @click="btnChange('clearData',true)"
                 >
                 <i class="icon-lk_delete"></i>
@@ -197,6 +254,7 @@
             </div>
             <div>
               <el-button
+                title="撤销Undo(Ctrl+Z)"
                 @click="btnChange('canUndo',!that.btnState.canUndo)"
                 :disabled="!that.btnState.canUndo">
                 <i class="icon-lk_undo"></i>
@@ -204,6 +262,7 @@
             </div>
             <div>
               <el-button
+                title="重做Redo(Ctrl+Y)"
                 @click="btnChange('canRedo',!that.btnState.canRedo)"
                 :disabled="!that.btnState.canRedo">
                 <i class="icon-lk_recover"></i>
@@ -597,7 +656,7 @@
         </div>
 
         <el-container>
-          <el-main class="center-panel">
+          <el-main class="center-panel" >
             <div>
               <slot>
                 <div>main</div>
@@ -614,7 +673,7 @@
               </div>
               <div>
                 <div>
-                  <el-button @click="that.currentZoom -= 0.1" :disabled="that.currentZoom <= 0.3">-
+                  <el-button @click="that.currentZoom -= 0.1" :disabled="that.currentZoom <= 0.5">-
                   </el-button>
                   <el-select v-model="that.currentZoom" style="width: 90px">
                     <el-option
@@ -645,6 +704,7 @@
 
 </template>
 <script setup lang="ts" name="DraftDesignLayout">
+// @ts-nocheck
 //图稿设计器 DraftDesign
 import {
   ElTabs,
@@ -658,37 +718,22 @@ import {
   ElSelectV2
 } from "element-plus";
 
-import {Graph, DataUri} from '@antv/x6'
-import {Scroller} from '@antv/x6-plugin-scroller'
-import {Snapline} from '@antv/x6-plugin-snapline'
-import {Transform} from '@antv/x6-plugin-transform'
-import {Keyboard} from '@antv/x6-plugin-keyboard'
-import {History} from '@antv/x6-plugin-history'
-import {Selection} from '@antv/x6-plugin-selection'
-import {Dnd} from '@antv/x6-plugin-dnd'
-import {Export} from '@antv/x6-plugin-export'
-import {Clipboard} from '@antv/x6-plugin-clipboard'
-import DraftDesignLibrary from './components/Library.vue'
-import NodePropConfig from './components/NodePropConfig.vue'
-import {provide, computed, watch, onMounted} from 'vue'
-import {nextId, getSafeValue, hexToRGBA} from "@/components/DraftDesign/utils/FuncUtil";
+import { computed, watch, onMounted} from 'vue'
+import {nextId} from "@/components/DraftDesign/utils/FuncUtil";
 import {useDebounceFn} from '@vueuse/core'
-import {ElMessageBox} from 'element-plus'
-import {register, getTeleport} from '@antv/x6-vue-shape'
-import ProgressNode from './components/node/ProgressNode.vue'
+import Draggable from 'vuedraggable'
 import '../../icons/style.css'
 import {getDraftDesignState, predefineColors, ShapeType} from "@/components/DraftDesign/config";
 import ColorPickerTool from "@/components/DraftDesign/components/ColorPickerTool.vue";
 import DraftDesignLeftPanel from "./LeftPanel.vue";
 import DraftDesignRightPanel from "./RightPanel.vue";
 
-const emit = defineEmits(['onAddNode', 'changeZoom', 'onChangePageConfig', 'onChangeCell', 'btnChange','selectCell'])
-
-const props = defineProps({})
-const clickMenu = (item) => {
-  layout.leftActive = item.key
-  console.log(item)
-}
+const emit = defineEmits(['addNode',
+  'changeZoom', 'changePageConfig',
+  'changeCell',
+  'btnChange',
+  'propListChange',
+  'selectCell'])
 
 const buttonRef = ref()
 const sizeRef = ref()
@@ -703,9 +748,8 @@ const onClickOutSize = () => {
 }
 
 
-const hasKey = (obj, path) => {
+const hasKey = (obj:any, path:string) => {
   if (!obj || !path) return null;
-
   const keys = path.split('.');
   let result = obj;
   for (let i = 0; i < keys.length; i++) {
@@ -719,12 +763,11 @@ const hasKey = (obj, path) => {
   }
   return false;
 }
-const topBtnClick = (btn) => {
-  console.log(btn)
+const topBtnClick = (btn:any) => {
   btn.handler();
   changeCellInfo()
 }
-const changePageColor = (val, key) => {
+const changePageColor = (val:any, key:string) => {
   const split = key.split(".");
   if (split.length === 1) {
     that.pageConfig[split[0]] = val;
@@ -738,7 +781,7 @@ const changePageColor = (val, key) => {
   changePageConfig()
 }
 
-const changeColor = (val, key) => {
+const changeColor = (val:any, key:string) => {
   const split = key.split(".");
   if (split.length === 1) {
     that.cellInfo[split[0]] = val;
@@ -751,9 +794,11 @@ const changeColor = (val, key) => {
   }
   changeCellInfo()
 }
+
 const alignBtnList = computed(() => {
   let arr = [];
   if (hasKey(that.cellInfo, 'data.style.text.textAlign')) {
+
     arr.push({
       key: 'data.style.text.textAlign_start',
       tipsWidth: 80,
@@ -871,6 +916,7 @@ const topBtnList = computed(() => {
   }
 
   if (hasKey(that.cellInfo, 'data.style.text.fontStyle')) {
+    //@ts-ignore
     arr.push({
       key: 'data.style.text.fontStyle',
       tipsWidth: 80,
@@ -891,22 +937,6 @@ const topBtnList = computed(() => {
 
   return arr
 })
-const borderRadiusRangeList = computed(() => {
-  let arr = [];
-  arr.push({
-    value: '0',
-    label: '0'
-  })
-  arr.push({
-    value: '10px',
-    label: '10px'
-  })
-  arr.push({
-    value: '20px',
-    label: '20px'
-  })
-  return arr;
-})
 const fontFamilyList = computed(() => {
   return [
     {
@@ -986,10 +1016,8 @@ const strokeWidthList = computed(() => {
 const angleList = computed(() => {
   const arr = []
   for (let i = 0; i < 360; i++) {
-    arr.push({
-      value: i,
-      label: `${i}`
-    })
+    //@ts-ignore
+    arr.push({ value: i,  label: `${i}` })
   }
   return arr
 })
@@ -1044,10 +1072,20 @@ const fontSizeList = computed(() => {
   return arr
 })
 const sizeModeList = [
+  {
+    value: '15_50',
+    label: '洗水唛15 *50'
+  },
+  {
+    value: '20_50',
+    label: '洗水唛20 *50'
+  },
+
   {
     value: '75_100',
     label: '吊牌75 *50'
-  }, {
+  },
+  {
     value: '50_750',
     label: '吊牌50 *750'
   },
@@ -1076,12 +1114,7 @@ const sizeModeList = [
   }
 
 ]
-
 const zoomList = [
-  {
-    value: 0.3,
-    label: '0.3'
-  },
   {
     value: 0.5,
     label: '0.5'
@@ -1112,7 +1145,9 @@ const that = reactive({
   containerId: nextId(),
   currentZoom: 1,
   showDialog: false,
+  showOrderByDialog: false,
   sizeMode: '',
+  propList: [ ],
   borderAngle: [0, 0, 0, 0],
   pageConfig: {
     background: {
@@ -1151,11 +1186,11 @@ const that = reactive({
   }
 })
 watch(() => that.pageConfig, () => {
-  emit('onChangePageConfig', that.pageConfig)
+  emit('changePageConfig', that.pageConfig)
 })
 watch(() => that.currentZoom, () => {
-  console.log("that.currentZoom", that.currentZoom)
-  emit('changeZoom', that.currentZoom.toFixed(2))
+
+  emit('changeZoom', (that.currentZoom).toFixed(2))
 })
 const updateBtnState = (state) => {
   that.btnState = {
@@ -1198,11 +1233,10 @@ const changeSize = () => {
   changeCellInfo()
 }
 const changeCellInfo = (cellPos = undefined) => {
-  console.log("that.cellInfo", that.cellInfo)
-  emit('onChangeCell', that.cellInfo, cellPos)
+  emit('changeCell', that.cellInfo, cellPos)
 }
 const changePageConfig = () => {
-  emit('onChangePageConfig', that.pageConfig)
+  emit('changePageConfig', that.pageConfig)
 }
 const layout = reactive({
   draftDesignState: false,
@@ -1321,16 +1355,24 @@ const setGraph = (g)=>{
 const clickItem = (item)=>{
   emit('selectCell', item)
 }
+const updatePropList = (propList: any[])=>{
+  that.propList = propList
+}
+const propListChange=()=>{
+  console.log("propListChange@@")
+  emit('propListChange', that.propList)
+}
 defineExpose({
   updateBtnState,
   updateZoom,
   updatePageConfig,
   selectedNode,
   setGraph,
-  updateCellList
+  updateCellList,
+  updatePropList
 })
 const handlerAddNode = (e, item) => {
-  emit("onAddNode", e, item)
+  emit("addNode", e, item)
 }
 </script>
 
@@ -1532,10 +1574,11 @@ $panelZIndex: 10;
 }
 
 .center-panel {
+  overflow: hidden;
   padding: 0;
   width: 100%;
   background-color: #6fa9ba;
-  height: 600px;
+  height: calc(86vh - 100px);
 }
 
 
@@ -1555,4 +1598,26 @@ $panelZIndex: 10;
   transform: rotate(133deg);
 
 }
+
+.draggable-ghost {
+  background: #2ba4f8;
+  border: 2px solid #2ba4f8;
+  outline-width: 0;
+  height: 38px;
+  box-sizing: border-box;
+  font-size: 0;
+  content: '';
+  overflow: hidden;
+  padding: 0;
+}
+.order-by-item:hover{
+  cursor: move;
+}
+.order-by-item{
+  margin: 6px;
+  border: 1px solid #8e8b8b;
+  width: 100%;
+  padding: 10px
+}
+
 </style>
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeCellNode.vue b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeCellNode.vue
index 43d628a..4d1209f 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeCellNode.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeCellNode.vue
@@ -329,7 +329,6 @@ export default defineComponent({
           }
         }
       }
-      console.log("text##", info)
       this.cellInfo = mergeDeepObject({
         showInput: false,
         id: nextId(),
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeCircleNode.vue b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeCircleNode.vue
index 9d8ee55..c87e2e8 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeCircleNode.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeCircleNode.vue
@@ -209,7 +209,6 @@ export default defineComponent({
           }
         }
       }
-      console.log("text##", info)
       this.cellInfo = mergeDeepObject({
         showInput: false,
         id: nextId(),
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeEllipseNode.vue b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeEllipseNode.vue
index f877c72..7eb2eac 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeEllipseNode.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeEllipseNode.vue
@@ -217,7 +217,6 @@ export default defineComponent({
           }
         }
       }
-      console.log("text##", info)
       this.cellInfo = mergeDeepObject({
         showInput: false,
         id: nextId(),
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeImageNode.vue b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeImageNode.vue
index b9a6088..7f91936 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeImageNode.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeImageNode.vue
@@ -3,8 +3,8 @@
   <div
     :id="cellInfo.id"
     class="node-content"
-   :class="{ 'node-content-group' : this.cellInfo.editMode && this.cellInfo.propGroupId }"
-    :title="this.cellInfo.propGroupName"
+   :class="{ 'node-content-group' : cellInfo.editMode && cellInfo.propGroupId }"
+    :title="cellInfo.propGroupName"
     v-reSize="changSize">
     <svg
       style="position: absolute;
@@ -14,7 +14,7 @@
       :style="svgStyle"
     >
       <image
-        :href="cellInfo.style.shape.href" x="0" y="0"
+        :href="hrefBase64 || cellInfo.style.shape.href" x="0" y="0"
         style="width: 100%;height: 100%;"
         :stroke="cellInfo.style.shape.strokeColor"
         :stroke-width="cellInfo.style.shape.strokeWidth"
@@ -37,11 +37,11 @@
 import {defineComponent} from 'vue'
 import {
   filterUnsafeHtml,
-  getSafeValue,
   mergeDeepObject,
-  nextId, objectHasKey
+  nextId,
 } from "@/components/DraftDesign/utils/FuncUtil";
 import {getDraftDesignState, VueCellShapeType} from "@/components/DraftDesign/config";
+import {convertImageToBase64} from "@/components/DraftDesign/utils/Dpi";
 
 
 export default defineComponent({
@@ -59,18 +59,23 @@ export default defineComponent({
     svgStyle() {
       const res = {
         borderRadius: '',
+        width: `1000px`,
+        height: `1000px`,
+        transform: ''
       }
-      res.width = `1000px`;
-      res.height = `1000px`;
       const tmp = Math.min(this.sizeWInfo.width, this.sizeWInfo.height) - (this.cellInfo.style.shape.strokeWidth * 2)
-      const val = tmp
       const w = (Math.max(this.sizeWInfo.width, 0)) / 1000;
       const h = (Math.max(this.sizeWInfo.height, 0)) / 1000;
       res.transform = `scaleX(${w}) scaleY(${h})`
       return res;
     },
     ellipseStyle() {
-      let res = {};
+      let res = {
+        cx: 0,
+        cy: 0,
+        rx: 0,
+        ry: 0,
+      };
       if (this.cellInfo.shape === VueCellShapeType.Ellipse) {
         const w = this.sizeWInfo.width / 2
         const h = this.sizeWInfo.height / 2
@@ -91,7 +96,10 @@ export default defineComponent({
       cellInfo: {
         id: '',
         label: '文字说明',
+        editMode: false,
         showInput: false,
+        propGroupName: "",
+        propGroupId: null,
         shape: VueCellShapeType.Rect,
         style: {
           shape: {
@@ -116,6 +124,7 @@ export default defineComponent({
           },
           text: {
             minWidth: 'max-content',
+            fontSize: 12,
             minHeight: 'max-content',
           }
         }
@@ -130,6 +139,7 @@ export default defineComponent({
         }
       },
       fontSize: 12,
+      hrefBase64: null,
       targetElement: null,
       minSize: 2,
       sizeWInfo: {
@@ -181,11 +191,10 @@ export default defineComponent({
         }
       }
     },
+    // @ts-ignore
     setInput(val: boolean) {
-
     },
     changSize(size: any) {
-      console.log("cellInfo.label", this.cellInfo.label)
       this.sizeWInfo.width = size.width;
       this.sizeWInfo.height = size.height;
       this.minSize = Math.min(size.height, size.width)
@@ -200,11 +209,11 @@ export default defineComponent({
       }
 
       // this.nodeInfo.store.data.size.width = size.width;
-      console.log(" this.nodeInfo.width", this.nodeInfo)
       this.fontSize = s;
       this.changeFontSize();
     },
     changeFontSize() {
+      // @ts-ignore
       this.cellInfo.style.text.fontSize = `${this.fontSize}px`
     },
     setCellInfo(info: any) {
@@ -215,7 +224,7 @@ export default defineComponent({
           }
         }
       }
-      console.log("image#####", info)
+      // @ts-ignore
       this.cellInfo = mergeDeepObject({
         showInput: false,
         id: nextId(),
@@ -246,7 +255,12 @@ export default defineComponent({
           text: {}
         }
       }, info)
-
+      if(this.cellInfo.style.shape.href){
+        convertImageToBase64(this.cellInfo.style.shape.href).then((res)=>{
+          // @ts-ignore
+          this.hrefBase64 = res
+        })
+      }
       setTimeout(() => {
         if (this.nodeInfo.store && this.nodeInfo.store.data) {
           this.nodeInfo.store.data.data = this.cellInfo
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeLozengeNode.vue b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeLozengeNode.vue
index 1750894..305fe2a 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeLozengeNode.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeLozengeNode.vue
@@ -249,7 +249,6 @@ export default defineComponent({
           }
         }
       }
-      console.log("text##", info)
       this.cellInfo = mergeDeepObject({
         showInput: false,
         id: nextId(),
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeRightArrowNode.vue b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeRightArrowNode.vue
index 7ba22b1..3b2e933 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeRightArrowNode.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeRightArrowNode.vue
@@ -255,7 +255,6 @@ export default defineComponent({
           }
         }
       }
-      console.log("text##", info)
       this.cellInfo = mergeDeepObject({
         showInput: false,
         id: nextId(),
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeRightTriangleNode.vue b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeRightTriangleNode.vue
index ed86739..c297821 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeRightTriangleNode.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeRightTriangleNode.vue
@@ -239,7 +239,6 @@ export default defineComponent({
           }
         }
       }
-      console.log("text##", info)
       this.cellInfo = mergeDeepObject({
         showInput: false,
         id: nextId(),
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeTriangleNode.vue b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeTriangleNode.vue
index 3338a70..3c3a39e 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeTriangleNode.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/ShapeTriangleNode.vue
@@ -240,7 +240,6 @@ export default defineComponent({
           }
         }
       }
-      console.log("text##", info)
       this.cellInfo = mergeDeepObject({
         showInput: false,
         id: nextId(),
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/TextCellNode.vue b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/TextCellNode.vue
index f32fdb1..3c6f2b6 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/TextCellNode.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/TextCellNode.vue
@@ -52,8 +52,9 @@ export default defineComponent({
   data() {
     return {
       textElId: nextId(),
+
       cellInfo: {
-        id: '',
+        id:  nextId(),
         label: '新文本',
         showInput: false,
         style: {
@@ -100,18 +101,15 @@ export default defineComponent({
   mounted() {
     const node = (this as any).getNode()
     this.nodeInfo = node
-
-
     if (node && node.data) {
       this.setCellInfo(node.data)
     }
     node.on('change:data', ({current}) => {
-
       this.setCellInfo(current)
     })
-
   },
   unmounted() {
+
   },
   methods: {
     safeHtml(val) {
@@ -208,7 +206,6 @@ export default defineComponent({
           }
         }
       }
-
       this.cellInfo = mergeDeepObject({
         showInput: false,
         id: nextId(),
@@ -237,15 +234,14 @@ export default defineComponent({
         }
       }, info)
 
-      console.log("text##", this.nodeInfo)
-      setTimeout(() => {
-        if (this.nodeInfo.store && this.nodeInfo.store.data) {
-          this.nodeInfo.store.data.data = this.cellInfo
-        }
-      }, 300)
+      // setTimeout(() => {
+      //   if (this.nodeInfo.store && this.nodeInfo.store.data) {
+      //     this.nodeInfo.store.data.data = this.cellInfo
+      //   }
+      // }, 300)
 
       this.fontSize = parseInt(getSafeValue(this.cellInfo.style.text, 'fontSizeVal') || '12')
-      console.log(" this.fontSize", this.cellInfo)
+
       // this.fontSize = parseInt(getSafeValue(this.cellInfo.style.text, 'fontSize') || '14')
       this.setInput(this.cellInfo.showInput)
       this.cellInfo.editMode  = getDraftDesignState();
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/config/index.ts b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/config/index.ts
index b39336b..7a6dea1 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/config/index.ts
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/config/index.ts
@@ -73,7 +73,7 @@ export const graphOptions = (elId:string, viewMode = false) => {
 
     // 显示网格
     grid: {
-      visible: false,
+      visible: true,
       size: 2, // 网格大小
       type: 'doubleMesh', // // 'dot' | 'fixedDot' | 'mesh'
       args: [{
@@ -87,7 +87,7 @@ export const graphOptions = (elId:string, viewMode = false) => {
     }, 
     // 滚轮缩放 MouseWheel
     mousewheel: {
-      enabled: true, zoomAtMousePosition: true, modifiers: ['ctrl', 'meta'], maxScale: 10, minScale: 0.3
+      enabled: true, zoomAtMousePosition: true, modifiers: ['ctrl', 'meta'], maxScale: 10, minScale: 0.5
     },
     panning: {
       // 画布移动 
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/demo.html b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/demo.html
index b3acf7d..a33d4d7 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/demo.html
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/demo.html
@@ -9,10 +9,80 @@
     <link rel="stylesheet" href="style.css"></head>
 <body>
     <div class="bgc1 clearfix">
-        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;62)</small></h1>
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;67)</small></h1>
     </div>
     <div class="clearfix mhl ptl">
         <h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-lk_order_by"></span>
+                <span class="mls"> icon-lk_order_by</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe93e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-lk_search"></span>
+                <span class="mls"> icon-lk_search</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e93f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe93f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-lk_reduce"></span>
+                <span class="mls"> icon-lk_reduce</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e940" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe940;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-lk_edit"></span>
+                <span class="mls"> icon-lk_edit</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e941" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe941;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-lk_add"></span>
+                <span class="mls"> icon-lk_add</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="e942" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe942;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
                 <span class="icon-lk_cell_clear"></span>
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/fonts/icomoon.eot b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/fonts/icomoon.eot
index 3f431576794f26d85c77732ddde8a450b7573f0d..5fa3021f185cc6d5fdd6c813fbb6a758d05d8705 100644
GIT binary patch
delta 1212
zcmaJ<O=ufe5T4nUSB{%VmF3k>aAj+EEj4Z}Wp}mOC3Peu;~HF$gdP7hBqYK%*lpY>
zI4y=A<V!-5Lx@oi%^@*{1VVjD;~WA_TpvnNNdh4^w-?hx3Hah10)e1S=1CO<7rN}5
zc{B6P?94a&<5y442~RA5kF8}P=@@XWMk+<UWBJ&W=W76XNays_e6i#ofBwgEwX^*6
zAMF<aTm;azXJ?AjhgSdk1Rya<xa2H3TE`sM$-YLmGCO~M(R+h#kho7dooCKY6(0=!
zwhLf9Bj>gG;$jI#ph~Hy$?pE9I6rfJc;6ecmk58cbavr9@Du^7mBoSQ@oi-q)0nN?
z!Y?qpzKh?+%L2gLO@58vgbzUi9Ws!Ila!xG>S|c?i5-F*mLi7gdC#H#$5VIkgk?}d
zQljU7EF25AbI=|PwwLX?Y8ZR(W16gJnj&j^HEyz8cI-7zFz8`7?k6UhWv{Uec5tkj
zTN`gyVvKP0p_gdrayQWWFoi}U8pCKrmYgnh3Sx&pgnpl{CDZ6Pqb46hVuC_6AmNNe
z(o7*u$^Gm*7zm7-Ryu83BLR9wEHfQDrX2WlV5@ChQWQy=JbZXkl6ra?H#{Sc_N6Uz
zlz~Uhax*g+*ta#f<-#1{)rkgvLS>nXLLJj0X-&V@*A#|0fL9WTVxJz?l7=S{k;758
zEk-)q1=|*~3+cudANjhwecS~mYu_K>R^pjVyjF~tN#RR-!!3$#%#!4-E&}`u?i$L(
zYQ<PK6X#Z98T%vA&2Vm!8gkSd+M$LN=%>Htb7GNN>O@iXggvY)*3|n=s{O=U#2bxB
zPIRFg1s`!-P80VgCKFL~nnblTYWn#TZn0LtMfNTGQmD5##N7?`ic1BtU$hrEo||fE
z5uDz(9lnLbtD<NRUil1th0@VNs(@9RgG2iccb7HV8>$sp0h}bKTf`so1Yh7=_?<Sd
z;B+{q%gD1DRCw^nW%TFIrShr#Ub_1LdYY^@S@!N74`o9(bVC<)QRes8UJTF84RZk|
zzsy;7*2?89+^}+X_4vJe^kO5Lof~FQ?k0;jQFfLgj<Y`%nE;5ax&}_U`(MEa#5+BI
zzkWQ?)RjxBi9_p~YAaT@)s9M4yLd1V3VavX2!0wY)hi6a@6c9H<SJ-**BA8L_zoyD
B1n&R<

delta 255
zcmX?8I3tTq!jyrb#AG6y8Ov3RHHH%%$^}yy7#Q{daYAx#Vu5(rr6Uth$kg-MN|!S*
zFjg=y=zC<OCZ=fSY*S@mFgO5IXO;mJ;0R@z0_6Vy@>Mc&ODg`)1+o|nWq^7(a`KZC
z+m==>VPG&)0SdO|CRP+M_%fUT^49?Q3VDgSsWZJee*^hvfa=={@{3Ctm_hnYLO}8i
z%*>4cCZ{mkGulpG!syLtyZHlSslGBJNCnW2H5OOn`E9;3aI=8<kM3Dq0Wm=IWCc@m
bMyJgYrW}luOU&9hfWjbMPMf*R4>1A&Q~*Lb

diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/fonts/icomoon.svg b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/fonts/icomoon.svg
index 343305d..2321bad 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/fonts/icomoon.svg
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/fonts/icomoon.svg
@@ -69,4 +69,9 @@
 <glyph unicode="&#xe93b;" glyph-name="lk_cell_clear" d="M389.6 115.2c-3.8-7.7-15.3-11.5-23-11.5h-3.8c-7.7 0-19.1 3.8-26.8 11.5l-160.7 160.6c-3.8 7.7-7.7 15.3-7.7 26.8s3.8 19.1 11.5 26.8l248.7 248.7c0-15.3 7.7-26.8 19.1-38.3l160.7-160.7c11.5-11.5 23-15.3 34.4-19.1l-252.4-244.8zM710.9 383l160.7 160.7c30.6 30.6 30.6 76.5 0 107.1l-160.7 160.6c-7.7 7.7-15.3 11.5-26.8 15.3-3.8 3.8-15.3 3.8-26.8 3.8s-19.1 0-26.8-3.8c-7.7-3.8-19.1-7.7-26.8-15.3l-156.7-164.5-294.6-294.5c-30.6-30.6-30.6-76.5 0-107.1l160.7-160.7c11.5-11.5 30.6-19.1 45.9-19.1h459v38.2h-382.5l275.4 279.3z" />
 <glyph unicode="&#xe93c;" glyph-name="lk_cell_tree" d="M807.36 209.6c-55.872 0-102.656-38.336-116.352-89.92h-382.272v243.648h384.896c16.77-47.653 61.297-81.242 113.7-81.472h0.028c66.687 0.036 120.75 54.032 120.896 120.69v0.014c-0.073 66.74-54.156 120.823-120.889 120.896h-0.007c-58.724-0.164-107.594-42.15-118.404-97.733l-0.124-0.763h-380.16v141.824c86.531 15.073 151.48 89.616 151.48 179.328 0 100.454-81.434 181.888-181.888 181.888-0.11 0-0.22 0-0.329 0h0.017c-100.614-0.073-182.163-81.599-182.272-182.198v-0.010c0.234-89.48 64.999-163.765 150.201-178.784l1.095-0.16v-509.76h61.632v0.96h382.272c14.057-52.065 60.772-89.781 116.329-89.984h0.023c65.049 2.149 116.964 55.397 116.964 120.77 0 65.329-51.844 118.548-116.634 120.76l-0.202 0.005zM807.36 461.76c32.64 0 59.264-26.56 59.264-59.2-1.512-31.524-27.438-56.511-59.2-56.511s-57.688 24.986-59.195 56.375l-0.005 0.135c0 32.64 26.496 59.2 59.136 59.2zM157.376 745.792c0 66.496 54.144 120.576 120.64 120.576 66.565-0.036 120.512-54.006 120.512-120.576 0-66.592-53.984-120.576-120.576-120.576s-120.576 53.984-120.576 120.576v0zM807.36 29.632c-32.654 0.055-59.104 26.538-59.104 59.2 0 32.695 26.505 59.2 59.2 59.2 0.034 0 0.067 0 0.101 0h-0.005c32.654-0.055 59.104-26.538 59.104-59.2 0-32.695-26.505-59.2-59.2-59.2-0.034 0-0.067 0-0.101 0h0.005z" />
 <glyph unicode="&#xe93d;" glyph-name="lk_cell_add" d="M694.857 539.429c-0.008 0-0.017 0-0.026 0-136.976 0-250.501-100.407-270.989-231.635l-0.199-1.544h-131.072c-0.022 0-0.047 0-0.073 0-17.653 0-31.963 14.311-31.963 31.963 0 0.026 0 0.051 0 0.077v-0.004 416.037h332.654c16.648-40.658 55.911-68.779 101.742-68.779 60.553 0 109.641 49.088 109.641 109.641 0 0.086 0 0.171 0 0.257v-0.013c-0.034 60.568-49.142 109.654-109.714 109.654-45.729 0-84.923-27.976-101.401-67.747l-0.267-0.728h-538.331v-82.286h123.465v-416.037c0-63.122 51.2-114.322 114.249-114.322h131.072c20.719-132.738 134.227-233.106 271.177-233.106 151.484 0 274.286 122.802 274.286 274.286 0 151.471-122.781 274.265-274.247 274.286h-0.002zM841.143 235.447c0-5.049-4.093-9.143-9.143-9.143v0h-98.304v-98.304c0-5.049-4.093-9.143-9.143-9.143v0h-59.392c-5.049 0-9.143 4.093-9.143 9.143v0 98.304h-98.304c-5.049 0-9.143 4.093-9.143 9.143v0 59.392c0 5.047 4.096 9.143 9.143 9.143h98.304v98.304c0 5.047 4.096 9.143 9.143 9.143h59.392c5.047 0 9.143-4.096 9.143-9.143v-98.304h98.304c5.047 0 9.143-4.096 9.143-9.143v-59.392z" />
+<glyph unicode="&#xe93e;" glyph-name="lk_order_by" d="M341.333 448.014c0 23.564 19.103 42.667 42.667 42.667v0h512c23.561-0.004 42.66-19.105 42.66-42.667s-19.099-42.663-42.66-42.667h-512c-23.564 0-42.667 19.103-42.667 42.667v0zM341.333 106.681c0 23.564 19.103 42.667 42.667 42.667v0h512c23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667v0h-512c-23.564 0-42.667 19.103-42.667 42.667v0zM341.333 789.348c0 23.564 19.103 42.667 42.667 42.667v0h512c23.561-0.004 42.66-19.105 42.66-42.667s-19.099-42.663-42.66-42.667h-512c-23.564 0-42.667 19.103-42.667 42.667v0zM256 448.014c0-47.128-38.205-85.333-85.333-85.333s-85.333 38.205-85.333 85.333v0c0 47.128 38.205 85.333 85.333 85.333s85.333-38.205 85.333-85.333v0zM256 789.348c0-47.128-38.205-85.333-85.333-85.333s-85.333 38.205-85.333 85.333v0c0 47.128 38.205 85.333 85.333 85.333s85.333-38.205 85.333-85.333v0zM256 106.681c0-47.128-38.205-85.333-85.333-85.333s-85.333 38.205-85.333 85.333v0c0 47.128 38.205 85.333 85.333 85.333s85.333-38.205 85.333-85.333v0z" />
+<glyph unicode="&#xe93f;" glyph-name="lk_search" d="M689 364c30 47.2 47.6 103.2 47.6 163.4 0 168.2-136.2 304.6-304.2 304.6-168.2 0-304.4-136.4-304.4-304.6s136.2-304.6 304.2-304.6c61 0 117.8 18 165.4 48.8l13.8 9.6 217.2-217.2 67.4 68.6-217 217.2 10 14.2zM602.8 697.6c45.4-45.4 70.4-105.8 70.4-170s-25-124.6-70.4-170c-45.4-45.4-105.8-70.4-170-70.4s-124.6 25-170 70.4c-45.4 45.4-70.4 105.8-70.4 170s25 124.6 70.4 170c45.4 45.4 105.8 70.4 170 70.4s124.6-25 170-70.4z" />
+<glyph unicode="&#xe940;" glyph-name="lk_reduce" d="M188.8 824.3c-29.7 0-53.8-24.1-53.8-53.7v-644.7c0-29.7 24.1-53.7 53.8-53.7h645.4c29.7 0 53.8 24.1 53.8 53.7v644.7c0 29.7-24.1 53.7-53.8 53.7h-645.4zM175.8 895.4h671.5c61.8 0 111.9-50.1 111.9-111.8v-670.8c0-61.7-50.1-111.8-111.9-111.8h-671.5c-61.8 0-111.9 50-111.9 111.8v670.8c0 61.8 50.1 111.8 111.9 111.8zM673 412h-322c-19.8 0-36 16.2-36 36s16.2 36 36 36h322c19.8 0 36-16.2 36-36s-16.2-36-36-36z" />
+<glyph unicode="&#xe941;" glyph-name="lk_edit" d="M860 456c-19.9 0-36-16.1-36-36 0-1.4 0.1-2.7 0.2-4h-0.2v-344h-688v688h376c19.9 0 36 16.1 36 36s-16.1 36-36 36h-376c-39.8 0-72-32.2-72-72v-688c0-39.8 32.2-72 72-72h688c39.8 0 72 32.2 72 72v344h-0.2c0.1 1.3 0.2 2.6 0.2 4 0 19.9-16.1 36-36 36zM1002.7 859.7l-79.3 79.3c-28.1 28.1-73.9 27.9-102-0.2l-397.2-397.2c-2.9-2.9-5.2-6.4-6.8-10.2l-99.8-235.4c-5.6-13.2-1.7-26.5 6.8-35.1s21.9-12.5 35.2-6.9l235.5 99.7c3.8 1.6 7.2 3.9 10.2 6.8l397.2 397.2c28.1 28.1 28.3 73.9 0.2 102zM559.8 417l-137.4-58.2 58.2 137.4 278.8 278.8 79.2-79.2-278.8-278.8zM951.5 808.7l-62-62-79.2 79.2 62.2 62.2 79.2-79.2-0.2-0.2z" />
+<glyph unicode="&#xe942;" glyph-name="lk_add" d="M780.007 1.27h-536.104c-98.6 0-178.613 79.969-178.613 178.613v536.105c0 98.731 80.013 178.745 178.613 178.745h536.105c98.773 0 178.701-80.013 178.701-178.745v-536.105c-0.001-98.643-79.928-178.613-178.702-178.613v0zM869.445 671.312c0 74.038-60.119 134.069-134.113 134.069h-446.753c-73.994 0-134.028-60.031-134.028-134.069v-446.666c0-74.124 60.033-134.069 134.028-134.069h446.753c73.994 0 134.113 59.945 134.113 134.069v446.666zM556.631 224.646h-89.351v178.613h-178.701v89.44h178.701v178.613h89.351v-178.613h178.701v-89.44h-178.701v-178.613z" />
 </font></defs></svg>
\ No newline at end of file
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/fonts/icomoon.ttf b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/fonts/icomoon.ttf
index 27e233e2726580c970ccc5fab10b56b7b5ff5759..a741cf3c80d2dccfb1aea0e331822892292454dd 100644
GIT binary patch
delta 1215
zcmaJ>O>7fa5T4mh>|h{U+pK?3YU16Et)|8Hu77q#Q@b`wBc+vXCFG~5Rau3fpeDsA
zfPy$U7f{<nMeANTw3Gu9A{QV%AOUF(Rh6njRJ{c*RaI3;xlpM{NR^k)IJFw35>I|J
zZ)U!Ep7~~X|C+v5s{;bSc31!rQkBu9A^BV%lIJe%LsPSMEja$mj{w+1_JL#eT#fWg
zWV7x%Hgopq{XdL5WX}T_zfK>q55IEd(W?NNNs8yD$<Z~|af$4UWNXv2r{?`%(Fro&
z@|`m$ri%9Mq3@pnWPc{_#aVm41|zUaxrfN^{m7m@a%p(m-()XP!iCz2xl>dqEvt*;
zAd1gFUnyYe3w#?(OYh+6WZebud_`OoSEx<}(olp7yiduQTw0GB0eP28jViIM?%m|j
z|L18rM8YzZkd)|sfrVpXp8&pa*jIO2YQxxi9y3(UFf`TJs&R#Lc{_{VaM;Ty;W|sU
zoJG#yjbrWH=6L%irbB2oy+BQSdcmS@^O(&vzVXTRTmge-+!P~7ox8h{8j2?<m^1T8
zT?sb>yF;N-(<&59Ya~Q##4-zs1KQ4q``0|<il!;bWGXeOD1Ch!C!A47_ZBR3l)?Wc
zhC|!d2G_c=OmKZ-13sar>XfNzR3S}`#`0ZjEKx`T_!SpX8c0WtT-KY3snIx3he>Ac
zc{<1k(i>B|7wGK`2<KTg&+Qa0CyT{o(`Jc(I?IwQOIRW)T6-w|FLuvRy_jg)iBd5s
zTuv07mt~28l1v44v<h0Mf;1SQr{pbSjY{f4S@%Z0Too6!xk!D0c#HYtF~yDDD4{D5
zj9`JNHZhlpquV5=-ElK0z9-4eD$es?)t!$c{rwT)Mx<X}sLBJfGbf0`RA;Bl?f0yU
zodSL)%g*4ZuVbKEd!w4K;wm*FpmR;Q!G-omnpM64C&?+v_+^FQb7H5s?(w_a9UX^J
z<SXdj!F``#uyQhA$yYY9U8lDo3VQ+i+N`!&_HS(u)vTILXVY?8R>d97$HT{u4+|ld
z@0Km6WR=SnE?Z@1_28{r^uu<Pk;2y;ZiAc>0}k?osq*KAR_sdm{tu*qr?8!Pr}f*j
zpC;P6@q5a|p`{+Z3mb3hyBeBtVRtAJIulwBzZR~wK2SsO19)1ALc`AZmmU~b@gH9~
B0nPvb

delta 292
zcmZ2c@Fk<3fsuiMft#U$ftkU;KUm+0Ux+OgD6$8L6OwZi3&g`N9bsT#lmYTX(i4jd
zfV2RR5288Jb1KvLY^BSA{0asJeUFUP#1ze(ZK@0m1_yxhW*I;Mj!>2<K>iOPUnL{A
zq~iZvAdA5eXdWX+PJXguV%yTHB@7HkDnQY;+{B6k2498~K>ivaUm-6sH+7~L=WihY
z3{XQ`L4I)w(4jzJ5(1KEU}pX|@qj&}?IcETM%&FkjHUX@ApZb?;Tnsp@%%Pl8Ms-%
z{73gJu7DUIdUB14Iiu6&EhZd{lP{RI2?2#cx||q}F>ry@FfdIPv=H9hY_^mU09#B%
Au>b%7

diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/fonts/icomoon.woff b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/fonts/icomoon.woff
index 482c6c0afa72bc2e168377bcb90d0fa10d6b5c46..3c6c0d8c92848574a40da4e767d04af4d1d201e4 100644
GIT binary patch
delta 1256
zcmaJ<O>7fa5T4mh><}Q1W3PWIYT{kThS1pA_0O(oYRg7Rq!ig!LViFXWCe<&CSa7b
z1ohxth@gjx$~}|=AS4b|!vV+z2}mQvAywhREwl&30U_nmN>r+ZykW-15(-kEcHX?1
z_s#6gH*a<7P04vKH!uJQw2V2}UekMibnYvEJvmb-0br3_hgjTW&wf8um}TDsvRmFu
z`>E;kUy<)IfcApr=_~Di@nqoyK<p-A5-fXf{JF14PV)Ulc7Ua2wCPH5W^NuJPA2YR
zaa;wMJ~K(UY=RtcndRQ#<G*JL^Yr7yEwVdnG7M{{3o|Fl_k;o$S*{Fids{j)J4c;x
z!F8NSCsEw2?7$ReDhKgP%q;(m-$cq5fX!8LNnC|?kRb|b$iXp66H7!@zvhyh7R4_I
z<Es4whx(DH<`4<XP(o6m{eLVR^>zr*;q`Wu&6=tkThF7K6411OqHWc<%CRiwlHKdI
z^GW!XceczWj$pyjMr?Jgk%@=^q1N;QHC^rmgSt&(JQfOLD5%KRHndtKr`v~aS5!-+
z(5;7b(TBtYT~ULCi^mdr5~)k!j_VVTXGAwrDcu<M&>A-MRQOO}=ko*Wtz&W^Aj=cI
zy%VzB)m1;?v@+6@GV~D!kLcw_q}Q`;y??z8vxHa2>-ce%BLn<QXnr)N-)dv>Lj=Gf
zTZm#;)UPGt_E=Eyhj>~{I?sZqg?u1gpW;JTXQxZJz<c$(ox=4<IvuGNB4twekGW!#
zBpYUE7meKncn{t^m=0G9;Y>OrTo0$sPbC}UY!VgJR4ZtM3JO3Uy_x}HkxJTyl4|$c
zxhgK|!y?r_;w|V11!XI?p$#oA;<%h5?sZJWLTJ^AYHLV$i$`rzHIMWBFY}_WyW1z+
z_H|1Od8tn_X9ZE1Y;Lw#9jzN;vw%NHlG*?L=jh6pzQ`x@xJG>lX#OJH=0dxD)jTJ_
z33A#b{3%E9S+QB%XmwbuO-(1tC~^);+`s=4x^rifxnyoD-8}$Z4OSa0JGQomN?eIY
z<54LpDdLXm>!GQsA;H7@;jCe1jBM7x6(eh|9l3j#KCItnriK_QT;ux&%FHn02)|V1
z4Ip@<?Z9zc-@mY(c&GL9zdyzsy3(uaIJjI?Td;CjbyiB+V!OxZ`PQ@I{mfgcWf)vG
HwMY044{HT{

delta 338
zcmexTa3E8p+~3WOfsp|SOb#$`gXxmVi59|>3oKYBYKzpTCg&y=FfcG?0Hs1eSUl{~
zk@Uo3kk}p|p96{o(sL@)fMQ1&81y|rn9o+aJR>zRg@M742dKsjgf(-vsb&BLfnqK|
zz6uC)gtAP@$StV=iUI9l1e(Xl@qaD@Lr#7&P@SI<&?1I55N=yqwInyO0?0S|0pu%y
zu`k1kyu{p81_omZphloN#<rPWoWBe5i%Wn$S^!ta3}i7g|C`LiXwPUn*@w}a(RT9;
z#!`J{u-Achud%oq&u{aUftv-Wl7ZpTJ&P+adh!Vqb4I64rW}luWz5=yfWjb6P7KEw
RxIju6m_XsR`MlXuMgUrGN)-SA

diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/selection.json b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/selection.json
index 4048a5d..1b10e70 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/selection.json
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/selection.json
@@ -1 +1 @@
-{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M389.6 844.8c-3.8 7.7-15.3 11.5-23 11.5h-3.8c-7.7 0-19.1-3.8-26.8-11.5l-160.7-160.6c-3.8-7.7-7.7-15.3-7.7-26.8s3.8-19.1 11.5-26.8l248.7-248.7c0 15.3 7.7 26.8 19.1 38.3l160.7 160.7c11.5 11.5 23 15.3 34.4 19.1l-252.4 244.8zM710.9 577l160.7-160.7c30.6-30.6 30.6-76.5 0-107.1l-160.7-160.6c-7.7-7.7-15.3-11.5-26.8-15.3-3.8-3.8-15.3-3.8-26.8-3.8s-19.1 0-26.8 3.8c-7.7 3.8-19.1 7.7-26.8 15.3l-156.7 164.5-294.6 294.5c-30.6 30.6-30.6 76.5 0 107.1l160.7 160.7c11.5 11.5 30.6 19.1 45.9 19.1h459v-38.2h-382.5l275.4-279.3z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_cell_clear"],"colorPermutations":{"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":99,"id":71,"name":"lk_cell_clear","prevSize":32,"code":59707},"setIdx":0,"setId":2,"iconIdx":0},{"icon":{"paths":["M694.857 420.571c-0.008-0-0.017-0-0.026-0-136.976 0-250.501 100.407-270.989 231.635l-0.199 1.544h-131.072c-0.022 0-0.047 0-0.073 0-17.653 0-31.963-14.311-31.963-31.963 0-0.026 0-0.051 0-0.077l-0 0.004v-416.037h332.654c16.648 40.658 55.911 68.779 101.742 68.779 60.553 0 109.641-49.088 109.641-109.641 0-0.086-0-0.171-0-0.257l0 0.013c-0.034-60.568-49.142-109.654-109.714-109.654-45.729 0-84.923 27.976-101.401 67.747l-0.267 0.728h-538.331v82.286h123.465v416.037c0 63.122 51.2 114.322 114.249 114.322h131.072c20.719 132.738 134.227 233.106 271.177 233.106 151.484 0 274.286-122.802 274.286-274.286 0-151.471-122.781-274.265-274.247-274.286l-0.002-0zM841.143 724.553c0 5.049-4.093 9.143-9.143 9.143v0h-98.304v98.304c0 5.049-4.093 9.143-9.143 9.143v0h-59.392c-5.049 0-9.143-4.093-9.143-9.143v0-98.304h-98.304c-5.049 0-9.143-4.093-9.143-9.143v0-59.392c0-5.047 4.096-9.143 9.143-9.143h98.304v-98.304c0-5.047 4.096-9.143 9.143-9.143h59.392c5.047 0 9.143 4.096 9.143 9.143v98.304h98.304c5.047 0 9.143 4.096 9.143 9.143v59.392z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_cell_add"],"colorPermutations":{"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":97,"id":70,"name":"lk_cell_add","prevSize":32,"code":59709},"setIdx":0,"setId":2,"iconIdx":1},{"icon":{"paths":["M807.36 750.4c-55.872 0-102.656 38.336-116.352 89.92h-382.272v-243.648h384.896c16.77 47.653 61.297 81.242 113.7 81.472l0.028 0c66.687-0.036 120.75-54.032 120.896-120.69l0-0.014c-0.073-66.74-54.156-120.823-120.889-120.896l-0.007-0c-58.724 0.164-107.594 42.15-118.404 97.733l-0.124 0.763h-380.16v-141.824c86.531-15.073 151.48-89.616 151.48-179.328 0-100.454-81.434-181.888-181.888-181.888-0.11 0-0.22 0-0.329 0l0.017-0c-100.614 0.073-182.163 81.599-182.272 182.198l-0 0.010c0.234 89.48 64.999 163.765 150.201 178.784l1.095 0.16v509.76h61.632v-0.96h382.272c14.057 52.065 60.772 89.781 116.329 89.984l0.023 0c65.049-2.149 116.964-55.397 116.964-120.77 0-65.329-51.844-118.548-116.634-120.76l-0.202-0.005zM807.36 498.24c32.64 0 59.264 26.56 59.264 59.2-1.512 31.524-27.438 56.511-59.2 56.511s-57.688-24.986-59.195-56.375l-0.005-0.135c0-32.64 26.496-59.2 59.136-59.2zM157.376 214.208c0-66.496 54.144-120.576 120.64-120.576 66.565 0.036 120.512 54.006 120.512 120.576 0 66.592-53.984 120.576-120.576 120.576s-120.576-53.984-120.576-120.576l0 0zM807.36 930.368c-32.654-0.055-59.104-26.538-59.104-59.2 0-32.695 26.505-59.2 59.2-59.2 0.034 0 0.067 0 0.101 0l-0.005-0c32.654 0.055 59.104 26.538 59.104 59.2 0 32.695-26.505 59.2-59.2 59.2-0.034 0-0.067-0-0.101-0l0.005 0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_cell_tree"],"colorPermutations":{"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":95,"id":68,"name":"lk_cell_tree","prevSize":32,"code":59708},"setIdx":0,"setId":2,"iconIdx":2},{"icon":{"paths":["M820.224 346.671c19.28 0 34.909 15.629 34.909 34.909v0 498.129c-0.079 66.805-54.214 120.939-121.011 121.018l-428.715 0c-66.805-0.079-120.939-54.214-121.018-121.011l-0-0.008v-498.106c0-19.28 15.629-34.909 34.909-34.909s34.909 15.629 34.909 34.909v0 498.106c0 28.23 22.97 51.2 51.2 51.2h428.684c28.253 0 51.2-22.97 51.2-51.2v-498.106c0-19.28 15.629-34.909 34.909-34.909v0zM410.857 395.101c19.28 0 34.909 15.629 34.909 34.909v0 390.865c0 19.28-15.629 34.909-34.909 34.909s-34.909-15.629-34.909-34.909v-390.842c0-19.28 15.629-34.909 34.909-34.909v0zM628.666 395.101c19.28 0 34.909 15.629 34.909 34.909v0 390.865c0 19.28-15.629 34.909-34.909 34.909s-34.909-15.629-34.909-34.909v-390.842c0-19.28 15.629-34.909 34.909-34.909v0zM623.988 46.545c56.797 0.066 102.823 46.091 102.889 102.882l0 0.006v36.282c0 11.636-2.374 22.644-5.935 33.071h167.308c19.28 0 34.909 15.629 34.909 34.909s-15.629 34.909-34.909 34.909v0h-736.977c-19.28 0-34.909-15.629-34.909-34.909s15.629-34.909 34.909-34.909h167.308c-3.635-9.819-5.798-21.159-5.934-32.987l-0.001-0.060v-36.329c0.079-56.787 46.1-102.799 102.882-102.865l0.006-0zM623.988 116.364h-208.454c-18.246 0-33.071 14.825-33.071 33.071v36.282c0 18.223 14.825 33.071 33.071 33.071h208.454c18.223 0 33.071-14.848 33.071-33.047v-36.329c0-18.246-14.848-33.047-33.071-33.047z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_delete"],"colorPermutations":{"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":93,"id":67,"name":"lk_delete","prevSize":32,"code":59706},"setIdx":0,"setId":2,"iconIdx":3},{"icon":{"paths":["M500.224 688.583l-468.196-315.79 468.196-315.79 468.082 315.79-468.082 315.79zM184.661 372.736l315.563 212.935 315.506-212.935-315.506-212.821-315.563 212.821z","M968.249 651.378l-468.196 315.733-468.196-315.733 178.062-120.036 290.702 195.129 295.253-191.716z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_to_bottom_layout"],"colorPermutations":{"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":89,"id":66,"name":"lk_to_bottom_layout","prevSize":32,"code":59704},"setIdx":0,"setId":2,"iconIdx":4},{"icon":{"paths":["M980.196 372.622l-468.196 315.733-468.196-315.733 468.196-315.733z","M512 966.997l-468.139-315.79 166.855-112.583 47.673 70.77-61.952 41.813 315.563 212.878 315.563-212.878-59.051-39.822 47.787-70.77 163.84 110.592z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_to_top_layout"],"colorPermutations":{"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":90,"id":65,"name":"lk_to_top_layout","prevSize":32,"code":59705},"setIdx":0,"setId":2,"iconIdx":5},{"icon":{"paths":["M706.2 188.7h-516.4c-29.8 0-54 24.2-54 54v450.3c0 2 0.1 3.9 0.3 5.9-0.4 9.9 3.2 19.8 10.5 27l2 2c0.9 1.1 1.9 2.2 3 3.2l212.8 212.6s0.1 0.1 0.2 0.1l5.1 5.1c6.9 6.9 16.1 10.5 25.5 10.5 1.1 0 2.3-0.1 3.4-0.2 1.3 0.1 2.7 0.2 4 0.2h303.5c29.8 0 54-24.2 54-54v-662.7c0.1-29.8-24.2-54-53.9-54zM259 736.4h100.2v100.2l-100.2-100.2zM688.2 887.6h-257v-187.2c0-19.9-16.1-36-36-36h-187.4v-403.7h480.3v626.9zM819.4 657.5h72v141.8h-72zM819.4 471.8h72v141.8h-72zM819.4 286.1h72v141.8h-72zM819.4 100.4h72v141.8h-72zM642 64.4h131v72h-131zM469.9 64.4h128.8v72h-128.8zM297.1 64.4h127.9v72h-127.9z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_paste"],"colorPermutations":{"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":88,"id":64,"name":"lk_paste","prevSize":32,"code":59648},"setIdx":0,"setId":2,"iconIdx":6},{"icon":{"paths":["M914.286 877.714v73.143h-804.571v-73.143zM329.143 73.143v731.429h-219.429v-731.429zM621.714 219.429v585.509h-219.429v-585.509zM914.286 73.143v731.429h-219.429v-731.429z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_align_horizontal"],"colorPermutations":{"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":83,"id":63,"name":"lk_align_horizontal","prevSize":32,"code":59649},"setIdx":0,"setId":2,"iconIdx":7},{"icon":{"paths":["M146.286 914.286h-73.143v-804.571h73.143zM950.857 329.143h-731.429v-219.429h731.429zM804.571 621.714h-585.143v-219.429h585.143zM950.857 914.322h-731.429v-219.429h731.429z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_align_vertical"],"colorPermutations":{"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":84,"id":62,"name":"lk_align_vertical","prevSize":32,"code":59703},"setIdx":0,"setId":2,"iconIdx":8},{"icon":{"paths":["M853.333 213.333h-682.667v597.333l396.459-396.544c7.721-7.718 18.386-12.492 30.165-12.492s22.445 4.774 30.165 12.492l-0-0 225.877 226.304v-427.093zM85.333 170.368c0.168-23.317 19.012-42.176 42.307-42.368l0.018-0h768.683c23.381 0 42.325 18.987 42.325 42.368v683.264c-0.168 23.317-19.012 42.176-42.307 42.368l-0.018 0h-768.683c-23.381-0.024-42.325-18.984-42.325-42.368l0-0v-683.264zM341.333 469.333c-47.128 0-85.333-38.205-85.333-85.333s38.205-85.333 85.333-85.333v0c47.128 0 85.333 38.205 85.333 85.333s-38.205 85.333-85.333 85.333h0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_image"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":82,"id":58,"name":"lk_image","prevSize":32,"code":59702},"setIdx":0,"setId":2,"iconIdx":9},{"icon":{"paths":["M534.073 11.036l426.553 479.403c5.571 5.578 9.017 13.281 9.017 21.788s-3.445 16.21-9.017 21.789l0-0-426.553 479.346c-5.578 5.571-13.281 9.017-21.788 9.017s-16.21-3.445-21.789-9.017l0 0-426.553-479.346c-5.571-5.578-9.017-13.281-9.017-21.788s3.445-16.21 9.017-21.789l-0 0 426.553-479.403c5.578-5.571 13.281-9.017 21.788-9.017s16.21 3.445 21.789 9.017l-0-0zM527.815 126.919c-3.98-3.962-9.469-6.411-15.531-6.411s-11.55 2.449-15.531 6.412l0.001-0.001-325.291 369.778c-3.962 3.98-6.411 9.469-6.411 15.531s2.449 11.55 6.412 15.531l-0.001-0.001 325.291 370.005c3.983 3.979 9.484 6.44 15.559 6.44s11.576-2.461 15.559-6.44l-0 0 333.483-370.005c3.979-3.983 6.44-9.484 6.44-15.559s-2.461-11.576-6.44-15.559l0 0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_lozenge"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":81,"id":57,"name":"lk_lozenge","prevSize":32,"code":59701},"setIdx":0,"setId":2,"iconIdx":10},{"icon":{"paths":["M874.24 604.498c22.292-2.14 42.977-11.735 59.238-27.566v282.501c0 48.855-39.762 88.596-88.627 88.596h-634.982c-48.876 0-88.637-39.741-88.637-88.596l0-634.307c0-48.855 39.762-88.607 88.637-88.607h283.269c-15.247 15.647-25.385 36.291-27.607 59.228h-255.672c-16.21 0-29.399 13.179-29.399 29.379v634.296c0 16.189 13.189 29.368 29.399 29.368h634.982c16.21 0 29.399-13.179 29.399-29.368v-254.925zM890.153 130.447h-300.892c-24.535 0-44.421 19.886-44.421 44.431 0 24.535 19.886 44.421 44.421 44.421h191.212c-1.843 1.341-3.686 2.703-5.345 4.372l-313.457 313.436v-193.638c0-24.535-19.886-44.421-44.421-44.421-12.268 0-23.378 4.956-31.416 13.005-8.038 8.059-13.015 19.139-13.015 31.416v300.902c0 24.525 19.886 44.421 44.421 44.421h300.892c24.535 0 44.421-19.896 44.421-44.442 0-24.525-19.886-44.421-44.421-44.421h-191.191c1.843-1.341 3.676-2.703 5.335-4.362l313.436-313.446v193.649c0 24.535 19.886 44.421 44.421 44.421 12.268 0 23.378-4.956 31.416-13.005 8.038-8.059 13.015-19.149 13.015-31.416v-300.902c0.010-24.525-19.886-44.421-44.411-44.421z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_set_size"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":79,"id":56,"name":"lk_set_size","prevSize":32,"code":59699},"setIdx":0,"setId":2,"iconIdx":11},{"icon":{"paths":["M589.523 416.828v-154.985l290.635 253.71-290.635 253.591v-154.744h-477.064v-197.572h477.064zM529.288 129.265v227.328h-477.064v318.042h477.064v227.087l442.488-386.108-442.488-386.35z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_right_arrow"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":80,"id":55,"name":"lk_right_arrow","prevSize":32,"code":59700},"setIdx":0,"setId":2,"iconIdx":12},{"icon":{"paths":["M870.4 153.6l-691.2 691.2v-691.2h691.2zM746.829 204.8h-516.429v516.403l516.403-516.403z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_right_triangle"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":78,"id":54,"name":"lk_right_triangle","prevSize":32,"code":59698},"setIdx":0,"setId":2,"iconIdx":13},{"icon":{"paths":["M512 768c233.92 0 416-121.408 416-256s-182.080-256-416-256-416 121.408-416 256c0 134.592 182.080 256 416 256zM512 832c-265.088 0-480-143.296-480-320s214.912-320 480-320c265.088 0 480 143.296 480 320s-214.912 320-480 320z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_ellipse"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":76,"id":53,"name":"lk_ellipse","prevSize":32,"code":59695},"setIdx":0,"setId":2,"iconIdx":14},{"icon":{"paths":["M128 853.333h768c23.564-0 42.667-19.103 42.667-42.667v0-597.333c0-23.564-19.103-42.667-42.667-42.667v0h-768c-23.564 0-42.667 19.103-42.667 42.667v-0 597.333c0 23.564 19.103 42.667 42.667 42.667v0zM170.667 256h682.667v512h-682.667v-512z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_rect"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":77,"id":52,"name":"lk_rect","prevSize":32,"code":59697},"setIdx":0,"setId":2,"iconIdx":15},{"icon":{"paths":["M213.333 853.333c-17.067 0-29.867-4.267-42.667-8.533-29.867-12.8-55.467-38.4-68.267-68.267s-12.8-68.267 0-98.133c0 0 0-4.267 4.267-4.267l298.667-524.8c12.8-21.333 29.867-38.4 51.2-51.2 59.733-34.133 140.8-12.8 174.933 51.2l298.667 520.533s0 4.267 4.267 4.267c4.267 12.8 8.533 25.6 8.533 42.667 0 34.133-8.533 68.267-34.133 93.867-21.333 25.6-55.467 38.4-89.6 42.667h-605.867zM179.2 712.533c-4.267 8.533-4.267 21.333 0 29.867s12.8 17.067 21.333 21.333c4.267 4.267 8.533 4.267 12.8 4.267h597.333c8.533 0 21.333-4.267 25.6-12.8s12.8-21.333 12.8-29.867c0-4.267 0-8.533-4.267-12.8l-298.667-520.533c-8.533-21.333-34.133-29.867-55.467-17.067-8.533 4.267-12.8 8.533-17.067 17.067l-294.4 520.533z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_triangle"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":72,"id":50,"name":"lk_triangle","prevSize":32,"code":59692},"setIdx":0,"setId":2,"iconIdx":16},{"icon":{"paths":["M231.867 924.56l99.624-315.316-254.598-217.71h320.431l114.726-293.374 128.642 293.375h306.415l-240.135 217.562 102.703 316.754-296.032-198.443-281.776 197.151zM513.135 687.827l238.918 159.045-81.227-247.13 196.016-176.485h-246.748l-106.382-242.59-94.867 242.59h-258.161l206.984 175.878-78.212 249.077 223.679-160.385z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_five_pointed"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":73,"id":49,"name":"lk_five_pointed","prevSize":32,"code":59694},"setIdx":0,"setId":2,"iconIdx":17},{"icon":{"paths":["M512 981.312c-259.12-0.182-469.129-210.191-469.312-469.294l-0-0.018c0.182-259.12 210.191-469.129 469.294-469.312l0.018-0c259.12 0.182 469.129 210.191 469.312 469.294l0 0.018c-0.182 259.12-210.191 469.129-469.294 469.312l-0.018 0zM512 136.832c-1.457-0.020-3.177-0.032-4.9-0.032-207.2 0-375.168 167.968-375.168 375.168s167.968 375.168 375.168 375.168c1.723 0 3.443-0.012 5.161-0.035l-0.261 0.003c205.081-2.764 370.268-169.659 370.268-375.136s-165.187-372.372-370.007-375.133l-0.261-0.003z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_circle"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":75,"id":47,"name":"lk_circle","prevSize":32,"code":59696},"setIdx":0,"setId":2,"iconIdx":18},{"icon":{"paths":["M858.496 680.32v-335.808c58.7-18.539 100.528-72.47 100.608-136.183l0-0.009c-0.073-78.687-63.841-142.455-142.521-142.528l-0.007-0c-64.448 0-119.040 43.008-136.576 101.888h-335.808c-18.205-59.311-72.415-101.717-136.556-101.888l-0.020-0c-78.687 0.073-142.455 63.841-142.528 142.521l-0 0.007c0.094 64.368 42.785 118.74 101.389 136.442l1.011 0.262v334.72c-59.555 18.038-102.17 72.421-102.208 136.764l-0 0.004c0 78.592 63.936 142.464 142.528 142.464 63.872 0 118.080-42.176 136.064-100.288h336.896c18.643 58.546 72.51 100.224 136.12 100.288l0.008 0c78.664-0.073 142.419-63.805 142.528-142.454l0-0.010c-0.212-63.771-42.142-117.692-99.915-135.916l-1.013-0.276zM816.576 125.824c45.504 0 82.56 36.992 82.56 82.496-1.795 44.176-38.042 79.31-82.496 79.31s-80.701-35.133-82.491-79.148l-0.005-0.162c0-45.504 37.056-82.56 82.432-82.56zM125.12 208.32c0-45.504 36.992-82.56 82.496-82.56 44.176 1.795 79.31 38.042 79.31 82.496s-35.133 80.701-79.148 82.491l-0.162 0.005c0 0-0 0-0 0-45.552 0-82.487-36.89-82.56-82.425l-0-0.007zM207.808 899.008c-45.597 0-82.56-36.963-82.56-82.56v0c1.795-44.176 38.042-79.31 82.496-79.31s80.701 35.133 82.491 79.148l0.005 0.162c0 45.568-37.056 82.56-82.432 82.56zM675.392 798.72h-326.272c-8.383-63.923-58.022-114.106-120.959-123.236l-0.769-0.092v-325.952c63.034-9.254 112.227-58.577 121.19-120.898l0.090-0.766h326.72c9.109 63.695 59.165 113.382 122.276 121.84l0.732 0.080v325.568c-64 8.32-114.88 59.328-123.008 123.52zM816.832 899.008c-45.597 0-82.56-36.963-82.56-82.56v0c1.795-44.176 38.042-79.31 82.496-79.31s80.701 35.133 82.491 79.148l0.005 0.162c0 45.568-36.992 82.56-82.496 82.56z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_angular"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":71,"id":45,"name":"lk_angular","prevSize":32,"code":59691},"setIdx":0,"setId":2,"iconIdx":19},{"icon":{"paths":["M554.667 384c0.002 0 0.004 0 0.007 0 23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667c-0.002 0-0.005 0-0.007 0l0-0c-23.561 0.004-42.66 19.105-42.66 42.667s19.099 42.663 42.66 42.667l0 0zM554.667 554.667c23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667h-0c-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667h-0zM725.333 554.667c23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667h-0c-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667h-0zM554.667 725.333c0.002 0 0.004 0 0.007 0 23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667c-0.002 0-0.005 0-0.007 0l0-0c-23.561 0.004-42.66 19.105-42.66 42.667s19.099 42.663 42.66 42.667l0 0zM896 128h-682.667c-23.564-0-42.667 19.103-42.667 42.667v682.667c0 23.564 19.103 42.667 42.667 42.667h682.667c23.564 0 42.667-19.103 42.667-42.667v0-682.667c0-23.564-19.103-42.667-42.667-42.667v0zM853.333 810.667h-597.333v-597.333h597.333v597.333zM384 554.667c23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667h-0c-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667h-0z"],"attrs":[{}],"width":1066,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_shape_stroke"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":70,"id":44,"name":"lk_shape_stroke","prevSize":32,"code":59690},"setIdx":0,"setId":2,"iconIdx":20},{"icon":{"paths":["M954.757 291.473c-3.61-3.685-8.041-5.583-13.168-5.641-12.515-0.141-26.509 10.942-36.036 20.255l-340.912 331.177c-12.501 12.229-58.516 86.966-60.468 90.143l-7.452 12.121 12.135-7.428c3.217-1.968 78.963-48.374 91.438-60.569l340.911-331.178c15.151-14.815 26.671-35.436 13.552-48.879v0zM741.987 394.478c0 27.609-22.407 50.015-50.015 50.015-27.613 0-50.021-22.406-50.021-50.015 0-27.61 22.408-50.018 50.021-50.018 27.608 0 50.015 22.408 50.015 50.018v0zM216.812 569.531c-27.61 0-50.016-22.403-50.016-50.012 0-27.612 22.406-50.020 50.016-50.020 27.608 0 50.017 22.408 50.017 50.020 0 27.609-22.409 50.012-50.017 50.012v0zM291.838 394.478c0-27.61 22.408-50.018 50.015-50.018 27.61 0 50.018 22.408 50.018 50.018 0 27.609-22.407 50.015-50.018 50.015-27.609-0-50.015-22.382-50.015-50.015v0zM466.896 344.46c0-27.609 22.406-50.015 50.015-50.015 27.612 0 50.019 22.406 50.019 50.015s-22.408 50.018-50.019 50.018c-27.609 0-50.015-22.385-50.015-50.018v0zM853.74 514.084c-22.989 148.967-158.732 299.942-351.947 299.942-36.782 0-75.999-7.275-107.598-19.959-33.607-13.49-48.851-29.354-51.907-39.693-1.594-5.398-3.092-11.296-4.68-17.542-4.65-18.302-9.922-39.045-20.252-56.259-18.376-30.618-44.815-37.045-63.76-37.045-7.166 0-14.798 0.914-22.675 2.712-12.865 2.936-25.363 4.424-37.141 4.424-25.123 0-67.464-6.665-68.765-51.308-6.59-227.942 180.734-351.748 369.298-373.326 13.337-1.525 27.603-2.296 42.403-2.296 53.124 0 111.543 10.001 152.463 26.099 9.248 3.638 14.375 6.016 39.204 18.184 25.653 12.57 46.348 30.432 62.898 47.642l30.158-53.075c-18.027-17.013-40.334-34.407-67.102-47.525-24.89-12.197-31.893-15.514-43.565-20.106-47.339-18.623-114.033-30.194-174.053-30.194-17.027 0-33.545 0.901-49.102 2.678-115.514 13.22-220.687 59.057-296.143 129.075-85.507 79.342-128.872 184.654-125.405 304.555 1.005 34.47 15.117 63.017 40.81 82.556 22.381 17.020 52.431 26.014 86.903 26.014 16.187 0 33.097-1.985 50.268-5.903 3.582-0.818 6.794-1.232 9.548-1.232 11.469 0 16.99 10.044 26.853 48.854 1.654 6.509 3.365 13.241 5.281 19.73 9.434 31.912 39.343 58.784 86.495 77.711 38.319 15.382 85.544 24.203 129.567 24.203 54.104 0 106.474-10.135 155.659-30.123 46.241-18.793 88.502-45.763 125.607-80.165 35.744-33.141 65.271-71.791 87.757-114.884 22.526-43.163 36.888-88.666 42.691-135.269 0.262-2.117 0.509-4.321 0.732-6.548l0.148-1.469v-0.057c0.222-2.336 0.404-4.695 0.571-7.065l-61.218 16.661z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_color_palette"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":69,"id":43,"name":"lk_color_palette","prevSize":32,"code":59693},"setIdx":0,"setId":2,"iconIdx":21},{"icon":{"paths":["M809.664 435.2v-0.192h-72.32v0.192l-64.448 177.024 36.16 99.392 64.448-176.96 72.192 198.4h-128.832l23.68 64.96h128.832l44.608 122.432c2.292 6.209 8.158 10.557 15.040 10.56l49.728 0c4.408-0.014 7.976-3.59 7.976-8 0-0.988-0.179-1.934-0.506-2.807l0.018 0.055-176.576-485.056zM427.776 75.776h-87.552c-0.008-0-0.017-0-0.026-0-1.163 0-2.154 0.739-2.528 1.773l-0.006 0.019-309.184 849.792c-0.112 0.285-0.177 0.615-0.177 0.96 0 1.485 1.203 2.688 2.688 2.688 0.017 0 0.035-0 0.052-0l-0.003 0h74.304c6.857-0.031 12.692-4.371 14.94-10.449l0.036-0.111 79.36-217.984h368.64l79.36 217.984c2.292 6.209 8.158 10.557 15.040 10.56l74.304 0c0.015 0 0.032 0 0.049 0 1.485 0 2.688-1.203 2.688-2.688 0-0.345-0.065-0.675-0.184-0.979l0.006 0.018-309.312-849.792c-0.38-1.053-1.371-1.792-2.534-1.792-0.009 0-0.018 0-0.027 0l0.001-0zM228.736 622.528l155.264-426.56 155.2 426.56h-310.4z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_font_size"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":67,"id":41,"name":"lk_font_size","prevSize":32,"code":59689},"setIdx":0,"setId":2,"iconIdx":22},{"icon":{"paths":["M128 896h768v64h-768zM128 768h768v64h-768zM128 640h768v64h-768zM128 512h768v64h-768zM0 64h64v896h-64zM960 64h64v896h-64z","M440.2 448l-128-128h399.6l-128 128h184.2l192-192-192-192h-184.2l128 128h-399.6l128-128h-184.2l-192 192 192 192z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_align_icon"],"colorPermutations":{"1141141141731241731":[{},{}],"201201207124624724817277851":[{},{}],"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":66,"id":40,"name":"lk_align_icon","prevSize":32,"code":59688},"setIdx":0,"setId":2,"iconIdx":23},{"icon":{"paths":["M960 480v64h-896v-64h896zM832 256v512l-256 0v-512l256 0zM448 128v768l-256 0v-768l256 0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_align_h_center"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":64,"id":39,"name":"lk_align_h_center","prevSize":32,"code":59685},"setIdx":0,"setId":2,"iconIdx":24},{"icon":{"paths":["M1170.286 987.429c0-20.198-16.374-36.571-36.571-36.571h-1097.143c-20.195 0.003-36.565 16.376-36.565 36.571s16.37 36.568 36.565 36.571l1097.143 0c20.198-0 36.571-16.374 36.571-36.571v0zM950.857 841.143v-512c0-20.198-16.374-36.571-36.571-36.571v0h-219.429c-20.198 0-36.571 16.374-36.571 36.571l-0-0v512c0 20.198 16.374 36.571 36.571 36.571h219.429c20.198 0 36.571-16.374 36.571-36.571v0zM512 841.143v-804.571c0-20.198-16.374-36.571-36.571-36.571v0h-219.429c-20.198 0-36.571 16.374-36.571 36.571v0 804.571c0 20.198 16.374 36.571 36.571 36.571v0h219.429c20.198-0 36.571-16.374 36.571-36.571v0z"],"attrs":[{}],"width":1170,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_align_bottom"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":63,"id":38,"name":"lk_align_bottom","prevSize":32,"code":59686},"setIdx":0,"setId":2,"iconIdx":25},{"icon":{"paths":["M1170.286 36.571c0 20.198-16.374 36.571-36.571 36.571l-1097.143-0c-20.195-0.003-36.565-16.376-36.565-36.571s16.37-36.568 36.565-36.571l1097.143-0c20.198-0 36.571 16.374 36.571 36.571v0zM950.857 182.857v512c0 20.198-16.374 36.571-36.571 36.571v0h-219.429c-20.198 0-36.571-16.374-36.571-36.571l-0 0v-512c0-20.198 16.374-36.571 36.571-36.571l-0-0h219.429c20.198 0 36.571 16.374 36.571 36.571v-0zM512 182.857v804.571c0 20.198-16.374 36.571-36.571 36.571v0h-219.429c-20.198 0-36.571-16.374-36.571-36.571v0-804.571c0-20.198 16.374-36.571 36.571-36.571v-0h219.429c20.198 0 36.571 16.374 36.571 36.571v-0z"],"attrs":[{}],"width":1170,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_align_top"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":62,"id":37,"name":"lk_align_top","prevSize":32,"code":59687},"setIdx":0,"setId":2,"iconIdx":26},{"icon":{"paths":["M928 0c17.673 0 32 14.327 32 32v0 960c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-960c0-17.673 14.327-32 32-32v0zM352 192h448c17.673 0 32 14.327 32 32v0 192c0 17.673-14.327 32-32 32v0h-448c-17.673 0-32-14.327-32-32v0-192c0-17.673 14.327-32 32-32v0zM96 576h704c17.673 0 32 14.327 32 32v0 192c0 17.673-14.327 32-32 32v0h-704c-17.673 0-32-14.327-32-32v0-192c0-17.673 14.327-32 32-32v0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_align_right"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":59,"id":36,"name":"lk_align_right","prevSize":32,"code":59682},"setIdx":0,"setId":2,"iconIdx":27},{"icon":{"paths":["M477.312 576v-128h-210.624c-17.673 0-32-14.327-32-32v0-192c0-17.673 14.327-32 32-32v0h210.624v-157.312c0-19.158 15.53-34.688 34.688-34.688s34.688 15.53 34.688 34.688v-0 157.312h210.624c17.673 0 32 14.327 32 32v0 192c0 17.673-14.327 32-32 32v0h-210.624v128h349.312c17.673 0 32 14.327 32 32v0 192c0 17.673-14.327 32-32 32v0h-349.312v157.312c0 19.158-15.53 34.688-34.688 34.688s-34.688-15.53-34.688-34.688v-157.312h-349.312c-17.673 0-32-14.327-32-32v0-192c0-17.673 14.327-32 32-32v0h349.312z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_align_center"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":60,"id":35,"name":"lk_align_center","prevSize":32,"code":59683},"setIdx":0,"setId":2,"iconIdx":28},{"icon":{"paths":["M96 0c17.673 0 32 14.327 32 32v0 960c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-960c0-17.673 14.327-32 32-32v0zM224 192h448c17.673 0 32 14.327 32 32v0 192c0 17.673-14.327 32-32 32v0h-448c-17.673 0-32-14.327-32-32v0-192c0-17.673 14.327-32 32-32v0zM224 576h704c17.673 0 32 14.327 32 32v0 192c0 17.673-14.327 32-32 32v0h-704c-17.673 0-32-14.327-32-32v0-192c0-17.673 14.327-32 32-32v0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_align_left"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":61,"id":34,"name":"lk_align_left","prevSize":32,"code":59684},"setIdx":0,"setId":2,"iconIdx":29},{"icon":{"paths":["M458.5 177.3v273h-288.2v-273h288.2zM499.5 136.3h-370.3v355h370.2v-355h0.1zM305.7 621.5l137.1 237.4h-274.1l137-237.4zM305.7 539.5l-208 360.5h416.2l-208.2-360.5zM732.7 216.8l23.1 46.8 9.5 19.3 73 10.6-37.3 36.4-15.4 15.1 3.6 21.2 8.8 51.4-65.3-34.3-19.1 10-46.2 24.3 8.8-51.4 3.6-21.3-15.4-15.1-37.3-36.4 72.8-10.6 9.5-19.3 23.3-46.7zM732.7 124.1l-59.9 121.3-133.8 19.4 96.8 94.4-22.8 133.3 119.7-62.9 119.7 62.9-22.9-133.3 96.8-94.4-133.8-19.4-59.8-121.3zM732.7 595.8c72.5 0 131.5 59 131.5 131.5s-59 131.5-131.5 131.5-131.6-59-131.6-131.5 59-131.5 131.6-131.5zM732.7 554.8c-95.3 0-172.6 77.2-172.6 172.5s77.3 172.6 172.6 172.6 172.5-77.2 172.5-172.6c0-95.3-77.3-172.5-172.5-172.5z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_shape_set"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":57,"id":33,"name":"lk_shape_set","prevSize":32,"code":59681},"setIdx":0,"setId":2,"iconIdx":30},{"icon":{"paths":["M938.633 570.216l-383.961 172.585c-36.762 15.99-51.4 15.99-85.33 0l-383.976-172.585c-20.383-10.827-25.879-50.887-25.879-72.746 25.631 14.637 61.674 30.959 60.335 30.131l392.179 180.788 392.192-180.788c0.662-0.166 35.629-17.786 60.32-30.131 0 22.369-6.933 63.908-25.879 72.746zM938.633 389.413l-383.961 172.599c-36.762 15.991-51.4 15.991-85.33 0l-383.976-172.599c-30.16-16.005-29.222-66.407 0-85.229l383.976-202.73c33.93-16.944 55.155-17.882 85.33 0l383.961 202.73c29.221 16.005 28.255 72.042 0 85.229zM511.999 135.865l-392.179 210.933 392.179 165.253 392.193-165.253-392.193-210.933zM511.999 889.203l392.192-180.815c0.662-0.166 35.629-17.786 60.32-30.13 0 22.369-6.932 63.908-25.879 72.746l-383.96 172.612c-36.762 15.99-51.4 15.99-85.33 0l-383.976-172.613c-20.383-10.827-25.879-50.873-25.879-72.746 25.631 14.637 61.674 30.959 60.335 30.13l392.178 180.816z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_layer_set"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":56,"id":32,"name":"lk_layer_set","prevSize":32,"code":59680},"setIdx":0,"setId":2,"iconIdx":31},{"icon":{"paths":["M340.821 0c-188.192 0.097-340.724 152.63-340.821 340.812l-0 0.009v683.179h341.504v-682.667h682.496v-341.333h-683.179z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_border_angle"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":55,"id":31,"name":"lk_border_angle","prevSize":32,"code":59679},"setIdx":0,"setId":2,"iconIdx":32},{"icon":{"paths":["M1024.003 83.149l-940.851 940.851-83.149-83.149 940.851-940.851 83.149 83.149zM1024.003 83.149z"],"attrs":[{}],"width":1025,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_line"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":54,"id":30,"name":"lk_line","prevSize":32,"code":59678},"setIdx":0,"setId":2,"iconIdx":33},{"icon":{"paths":["M724.038 298.855h-424.077c-4.962 0-8.987 4.026-8.987 8.987v141.376c0 2.434 0.986 4.763 2.732 6.458 1.746 1.689 4.109 2.56 6.54 2.526l18.751-0.59c4.423-0.143 8.081-3.479 8.634-7.871 5.911-47.374 45.467-80.044 65.949-85.028 6.049-1.48 14.476-2.224 25.053-2.224 12.941 0 26.145 1.147 34.21 2.004-0.091 50.063-0.581 317.876-0.581 336.347 0 11.676-16.415 18.719-20.795 20.388l-36.029 0.57c-4.828 0.082-8.732 3.953-8.845 8.78l-0.59 25.817c-0.056 2.418 0.867 4.758 2.555 6.484 1.691 1.737 4.010 2.712 6.428 2.712h234.059c4.962 0 8.988-4.028 8.988-8.988v-25.187c0-4.963-4.027-8.988-8.988-8.988h-42.369c-10.383-1.199-19.057-13.291-22.532-19.6l0.513-341.292c4.22-0.375 10.123-0.737 17.359-0.737 14.281 0 28.964 1.346 43.645 3.996 30.609 5.527 61.849 66.544 71.302 89.584 1.385 3.376 4.669 5.583 8.321 5.583h18.751c4.962 0 8.987-4.027 8.987-8.989l-0-143.128c0.004-4.966-4.023-8.991-8.984-8.991v0zM724.038 298.855z","M847.029 65.29h-670.063c-61.677 0-111.675 50.004-111.675 111.675v687.47c8.415 53.352 55.962 94.274 111.675 94.274h670.068c61.676 0 111.675-50.004 111.675-111.676l-0-670.068c-0.001-61.668-50-111.675-111.681-111.675v0zM847.033 791.194c0 30.843-24.998 55.84-55.84 55.84l-558.387-0.004c-30.838 0-55.84-24.999-55.84-55.84v0-558.383c0-30.838 24.998-55.841 55.84-55.841h558.387c30.838 0 55.84 24.998 55.84 55.841v0 558.387zM847.033 791.194z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_text"],"colorPermutations":{"1141141141731241731":[{},{}],"201201207124624724817277851":[{},{}],"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":53,"id":29,"name":"lk_text","prevSize":32,"code":59677},"setIdx":0,"setId":2,"iconIdx":34},{"icon":{"paths":["M460.8 665.6h102.4v102.4h-102.4v-102.4zM460.8 256h102.4v307.2h-102.4v-307.2zM511.488 0c-282.624 0-511.488 229.376-511.488 512s228.864 512 511.488 512c283.136 0 512.512-229.376 512.512-512s-229.376-512-512.512-512zM512 921.6c-226.304 0-409.6-183.296-409.6-409.6s183.296-409.6 409.6-409.6 409.6 183.296 409.6 409.6-183.296 409.6-409.6 409.6z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_warning_tips"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":52,"id":28,"name":"lk_warning_tips","prevSize":32,"code":59676},"setIdx":0,"setId":2,"iconIdx":35},{"icon":{"paths":["M379.611 265.874c16.238 16.311 43.081 16.311 59.392 0l31.451-31.451v190.757c0 23.113 18.944 42.057 42.057 42.057 23.179-0.083 41.943-18.872 41.984-42.053l0-0.004v-190.903l31.451 31.525c16.311 16.311 43.154 16.311 59.465 0 7.55-7.622 12.215-18.114 12.215-29.696s-4.665-22.074-12.219-29.699l0.003 0.003-103.205-103.131c-7.622-7.55-18.114-12.215-29.696-12.215s-22.074 4.665-29.699 12.219l0.003-0.003-103.205 103.205c-7.603 7.599-12.306 18.098-12.306 29.696s4.703 22.098 12.305 29.696l0 0z","M897.17 149.943h-240.274l48.64 48.64h184.832v477.038h-755.931v-477.038h183.954l48.64-48.567h-239.177c-26.925 0.083-48.735 21.867-48.859 48.774l-0 0.012v541.477c0 26.843 21.943 48.859 48.786 48.859h256.805v72.85l-55.003 55.003s-5.998 11.995 8.997 11.995h347.794c14.994 0 8.997-11.995 8.997-11.995l-55.003-55.003v-72.85h256.805c26.951-0.083 48.777-21.909 48.859-48.851l0-0.008v-541.477c-0.124-26.919-21.934-48.704-48.851-48.786l-0.008-0z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_data_output"],"colorPermutations":{"1141141141731241731":[{},{}],"201201207124624724817277851":[{},{}],"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":48,"id":27,"name":"lk_data_output","prevSize":32,"code":59673},"setIdx":0,"setId":2,"iconIdx":36},{"icon":{"paths":["M379.6 292.3c-16.3 16.3-16.3 43.1 0 59.4l103.2 103.2c16.3 16.3 43.1 16.3 59.4 0l103.2-103.2c16.3-16.3 16.3-43.1 0-59.4s-43.1-16.3-59.4 0l-31.5 31.5v-190.8c0-23.1-18.9-42-42-42s-42 18.9-42 42v190.8l-31.5-31.5c-16.4-16.3-43.1-16.3-59.4 0zM897.2 150h-293.2v48.6h286.5v477h-756v-477h286.5v-48.6h-293.2c-26.8 0-48.8 22-48.8 48.8v541.5c0 26.8 22 48.8 48.8 48.8h256.8v72.9l-55 55s-6 12 9 12h347.8c15 0 9-12 9-12l-55-55v-72.9h256.8c26.8 0 48.8-22 48.8-48.8v-541.5c0-26.8-22-48.8-48.8-48.8z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_data_input"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":49,"id":26,"name":"lk_data_input","prevSize":32,"code":59674},"setIdx":0,"setId":2,"iconIdx":37},{"icon":{"paths":["M924.059 466.805c-1.883-38.202-23.717-72.597-57.491-90.555l-607.086-325.411c-33.877-18.193-74.843-17.13-107.73 2.797-33.222 19.646-53.366 55.597-52.778 94.19l4.364 729.352c-0.059 40.136 22.209 76.97 57.772 95.579 14.543 8.045 31.886 12.78 50.334 12.78 0.198 0 0.396-0.001 0.594-0.002l-0.030 0c22.852-0.093 44.045-7.12 61.604-19.084l-0.382 0.246 602.849-404.131c31.703-21.278 49.913-57.631 47.979-95.763zM177.079 926.452l1.346-832.289 692.623 371.223-693.969 461.066zM227.96 846.724z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_start"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":50,"id":25,"name":"lk_start","prevSize":32,"code":59675},"setIdx":0,"setId":2,"iconIdx":38},{"icon":{"paths":["M562.176 411.136c0 13.824 11.264 25.088 25.088 25.088s25.088-11.264 25.088-25.088-11.264-25.088-25.088-25.088-25.088 11.264-25.088 25.088zM335.872 235.52c-13.824 0-25.088 11.264-25.088 25.088s11.264 25.088 25.088 25.088 25.088-11.264 25.088-25.088c0.512-13.824-10.752-25.088-25.088-25.088zM436.224 587.776c13.824 0 25.6-11.264 25.6-25.088s-11.264-25.6-25.088-25.6-25.6 11.264-25.6 25.088 11.264 25.088 25.088 25.6zM839.168 82.944h-654.336c-41.472 0-75.264 33.792-75.776 75.264v707.584c0 41.472 33.792 75.264 75.776 75.264h527.872v-176.128c0-13.824 11.264-25.088 25.088-25.088h176.128v-581.632c0-41.472-33.28-75.264-74.752-75.264zM486.912 840.704h-201.216c-13.824 0-25.088-11.264-25.088-25.088s11.264-25.088 25.088-25.088h201.216c13.824 0 25.088 11.264 25.088 25.088s-11.264 25.088-25.088 25.088zM260.608 714.752c0-13.824 11.264-25.088 25.088-25.088h100.864c13.824 1.024 24.064 13.312 23.040 27.136-1.024 12.288-10.752 22.016-23.040 23.040h-100.864c-13.824 0.512-25.088-10.752-25.088-25.088zM360.96 537.088h4.608c13.824-38.912 56.32-59.904 95.744-46.080 21.504 7.68 38.4 24.576 46.080 46.080h169.984l-7.168-7.168c-9.728-9.728-9.728-25.6 0-35.84 9.728-9.728 25.6-9.728 35.84 0l50.176 49.664c9.728 9.728 9.728 25.6 0 35.84l-50.176 50.688c-9.728 9.728-25.6 9.728-35.84 0s-9.728-25.6 0-35.84l7.168-7.168h-169.984c-13.824 38.912-56.32 59.904-95.744 46.080-21.504-7.68-38.4-24.576-46.080-46.080h-4.608c-55.808 0-100.864-45.056-100.864-100.864s45.056-100.864 100.864-100.864h155.648c13.312-38.912 56.32-59.904 95.232-46.592 22.016 7.68 38.912 24.576 46.592 46.592h4.608c27.648 1.536 51.712-19.456 53.248-47.616 1.536-27.648-19.456-51.712-47.616-53.248h-261.632c-13.824 39.424-56.832 59.904-96.256 46.080s-59.904-56.832-46.080-96.256c13.824-39.424 56.832-59.904 96.256-46.080 21.504 7.68 38.4 24.576 46.080 46.080h256c55.296-2.048 102.4 40.96 104.448 96.768 2.048 55.296-40.96 102.4-96.768 104.448h-12.8c-13.312 38.912-56.32 59.904-95.232 46.592-22.016-7.68-38.912-24.576-46.592-46.592h-155.648c-27.648-1.536-51.712 19.456-53.248 47.616-1.536 27.648 19.456 51.712 47.616 53.248 2.56 0.512 4.608 0.512 6.144 0.512zM763.392 926.72l136.192-136.192h-136.192v136.192z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_step_flow"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":47,"id":24,"name":"lk_step_flow","prevSize":32,"code":59672},"setIdx":0,"setId":2,"iconIdx":39},{"icon":{"paths":["M512 74.667c-241.067 0-437.333 196.267-437.333 437.333s196.267 437.333 437.333 437.333 437.333-196.267 437.333-437.333-196.267-437.333-437.333-437.333zM512 885.333c-204.8 0-373.333-168.533-373.333-373.333s168.533-373.333 373.333-373.333 373.333 168.533 373.333 373.333-168.533 373.333-373.333 373.333z","M701.867 381.867l-253.867 256-125.867-125.867c-12.8-12.8-32-12.8-44.8 0s-12.8 32 0 44.8l149.333 149.333c6.4 6.4 14.933 8.533 23.467 8.533s17.067-2.133 23.467-8.533l277.333-277.333c12.8-12.8 12.8-32 0-44.8-14.933-12.8-36.267-12.8-49.067-2.133z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_success"],"colorPermutations":{"1141141141731241731":[{},{}],"201201207124624724817277851":[{},{}],"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":44,"id":23,"name":"lk_success","prevSize":32,"code":59669},"setIdx":0,"setId":2,"iconIdx":40},{"icon":{"paths":["M924.78 336.8c-69.897-162.92-228.929-274.96-414.13-274.96-248.169 0-449.35 201.181-449.35 449.35s201.181 449.35 449.35 449.35c248.169 0 449.35-201.181 449.35-449.35l-0 0c0-0.187 0-0.408 0-0.628 0-62.754-12.953-122.482-36.332-176.657l1.112 2.895zM875.050 664.55c-61.511 143.353-201.448 241.935-364.41 241.935-218.379 0-395.41-177.031-395.41-395.41s177.031-395.41 395.41-395.41c218.379 0 395.41 177.031 395.41 395.41 0 0.040-0 0.081-0 0.121l0-0.006c0 0.128 0 0.28 0 0.431 0 55.23-11.401 107.798-31.979 155.477l0.979-2.548z","M671.090 352.91c-4.886-4.885-11.635-7.906-19.090-7.906s-14.204 3.021-19.090 7.906l-120.91 120.91-120.91-120.91c-4.858-4.727-11.499-7.642-18.822-7.642-14.912 0-27 12.088-27 27 0 7.323 2.915 13.964 7.648 18.828l-0.006-0.006 120.91 120.91-120.91 120.91c-5.047 4.911-8.178 11.769-8.178 19.358 0 14.912 12.088 27 27 27 7.589 0 14.447-3.131 19.352-8.172l0.006-0.006 120.91-120.91 120.91 120.91c4.858 4.727 11.499 7.642 18.822 7.642 14.912 0 27-12.088 27-27 0-7.323-2.915-13.964-7.648-18.828l0.006 0.006-120.91-120.91 120.91-120.91c4.885-4.886 7.906-11.635 7.906-19.090s-3.021-14.204-7.906-19.090l0 0z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_failed"],"colorPermutations":{"1141141141731241731":[{},{}],"201201207124624724817277851":[{},{}],"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":45,"id":22,"name":"lk_failed","prevSize":32,"code":59670},"setIdx":0,"setId":2,"iconIdx":41},{"icon":{"paths":["M166.671 504.169c2.086-92.486 40.292-175.66 101.011-236.299l0.004-0.004c62.232-62.512 148.354-101.196 243.511-101.196 0.261 0 0.522 0 0.783 0.001l-0.041-0c0.253-0.001 0.553-0.001 0.852-0.001 95.047 0 181.058 38.689 243.143 101.178l0.018 0.018c9.939 9.939 19.275 20.48 27.889 31.503l-60.416 47.164c-1.912 1.491-3.13 3.794-3.13 6.382 0 0.598 0.065 1.181 0.189 1.743l-0.010-0.053c0.674 3.011 2.973 5.351 5.908 6.072l0.055 0.011 176.369 43.189c0.561 0.139 1.206 0.219 1.869 0.219 4.408 0 7.99-3.533 8.070-7.922l0-0.007 0.843-181.609c0-0.005 0-0.011 0-0.017 0-4.425-3.587-8.011-8.011-8.011-1.871 0-3.593 0.642-4.956 1.717l0.017-0.013-56.621 44.273c-77.878-98.981-197.664-161.961-332.159-161.961-229.909 0-416.835 184.035-421.498 412.828l-0.007 0.435c-0.001 0.054-0.002 0.117-0.002 0.181 0 4.425 3.587 8.011 8.011 8.011 0.001 0 0.001-0 0.002-0l60.235 0c0.019 0 0.040 0 0.062 0 4.361 0 7.908-3.485 8.009-7.821l0-0.009zM925.636 512h-60.235c-0.019-0-0.040-0-0.062-0-4.361 0-7.908 3.485-8.009 7.821l-0 0.009c-1.945 92.511-40.185 175.728-101.003 236.291l-0.012 0.012c-62.259 62.513-148.405 101.196-243.586 101.196-0.214 0-0.427-0-0.641-0.001l0.033 0c-0.238 0.001-0.52 0.001-0.802 0.001-109.934 0-207.811-51.622-270.713-131.947l-0.567-0.752 60.416-47.164c1.919-1.479 3.143-3.778 3.143-6.362 0-3.766-2.598-6.924-6.1-7.782l-0.055-0.011-176.369-43.189c-0.561-0.139-1.206-0.219-1.869-0.219-4.408 0-7.99 3.533-8.070 7.922l-0 0.007-0.723 181.73c0 6.746 7.77 10.541 12.951 6.325l56.621-44.273c77.865 99.043 197.68 162.070 332.215 162.070 229.957 0 416.905-184.138 421.442-413.008l0.007-0.424c0.003-0.086 0.005-0.187 0.005-0.289 0-3.307-2.019-6.143-4.892-7.341l-0.053-0.019c-0.901-0.381-1.949-0.602-3.048-0.602-0.009 0-0.017 0-0.026 0l0.001-0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_running"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":46,"id":21,"name":"lk_running","prevSize":32,"code":59671},"setIdx":0,"setId":2,"iconIdx":42},{"icon":{"paths":["M563.8 512l262.5-312.9c4.4-5.2 0.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7l-216.5 258.1-216.5-258.1c-3-3.6-7.5-5.7-12.3-5.7h-79.8c-6.8 0-10.5 7.9-6.1 13.1l262.5 312.9-262.5 312.9c-4.4 5.2-0.7 13.1 6.1 13.1h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1l-262.5-312.9z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_close_x"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":25,"id":18,"name":"lk_close_x","prevSize":32,"code":59650},"setIdx":0,"setId":2,"iconIdx":43},{"icon":{"paths":["M994.763 91.741l-62.057-62.057c-18.325-18.314-43.634-29.64-71.589-29.64s-53.264 11.326-71.59 29.641l-144.073 144.073-69.542-69.67-137.804 137.868 57.386 57.322-393.26 393.324c-24.361 24.322-40.077 57.297-42.143 93.921l-0.017 0.379-22.903 22.839c-22.723 22.715-36.778 54.099-36.778 88.767 0 69.319 56.194 125.512 125.512 125.512 34.651 0 66.023-14.042 88.735-36.746l-0 0 22.903-22.967c37.012-1.982 70.012-17.695 94.295-42.091l0.005-0.005 393.26-393.26 57.386 57.322 137.74-137.676-69.606-69.67 144.074-143.946c18.367-18.324 29.731-43.662 29.731-71.653s-11.363-53.329-29.729-71.651l-0.002-0.002zM268.188 858.557c-9.913 9.927-23.615 16.068-38.752 16.068-8.713 0-16.951-2.035-24.264-5.655l0.32 0.143-54.507 54.444c-6.338 5.969-14.901 9.638-24.321 9.638-19.61 0-35.507-15.897-35.507-35.507 0-9.404 3.656-17.954 9.624-24.307l-0.017 0.019 54.38-54.571c-3.464-6.982-5.491-15.205-5.491-23.902 0-15.158 6.158-28.878 16.11-38.793l0.002-0.002 393.26-393.26 102.361 102.489-393.196 393.196z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_color_eyedropper_tool"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":26,"id":17,"name":"lk_color_eyedropper_tool","prevSize":32,"code":59651},"setIdx":0,"setId":2,"iconIdx":44},{"icon":{"paths":["M877.158 639.386s-70.246 97.28-70.246 137.421c0 40.141 31.539 72.499 70.451 72.499s70.246-32.563 70.246-72.704c-0.205-39.731-70.451-137.216-70.451-137.216zM852.378 536.166l-352.87-364.339c-0.819-0.819-1.638-1.638-2.662-2.458l-105.472-108.954c-12.083-12.288-31.539-12.288-43.418 0-12.083 12.288-12.083 32.563 0 44.851l79.053 81.51-338.534 349.389c-15.974 16.589-15.974 43.213 0 59.802l353.075 364.544c7.987 8.192 18.432 12.288 28.877 12.288s20.89-4.096 28.877-12.288l353.075-364.544c15.974-16.384 15.974-43.213 0-59.802zM587.776 353.075l165.478 170.598h-565.658l282.624-291.84 117.555 121.242z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_color_fill"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":27,"id":16,"name":"lk_color_fill","prevSize":32,"code":59652},"setIdx":0,"setId":2,"iconIdx":45},{"icon":{"paths":["M792.832 485.856c-12.512-12.544-32.8-12.48-45.248-0.032l-203.584 203.168v-560.992c0-17.664-14.336-32-32-32s-32 14.336-32 32v563.040l-234.048-235.456c-12.48-12.576-32.704-12.64-45.248-0.128-12.544 12.448-12.608 32.704-0.128 45.248l287.52 289.248c3.168 3.2 6.88 5.536 10.816 7.136 4 1.792 8.384 2.912 13.088 2.912 11.296 0 20.704-6.176 26.4-14.976l254.368-253.952c12.544-12.448 12.544-32.704 0.064-45.216z","M864 928h-704c-17.664 0-32-14.304-32-32s14.336-32 32-32h704c17.696 0 32 14.304 32 32s-14.304 32-32 32z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_down"],"colorPermutations":{"1141141141731241731":[{},{}],"201201207124624724817277851":[{},{}],"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":28,"id":15,"name":"lk_down","prevSize":32,"code":59653},"setIdx":0,"setId":2,"iconIdx":46},{"icon":{"paths":["M682.667 0c0.001-0 0.002-0 0.004-0 9.802 0 18.833 3.306 26.037 8.863l-0.099-0.074 4.267 3.712 207.061 207.061c10.127 10.128 16.875 23.634 18.41 38.683l0.022 0.271 0.299 6.315v332.501c-0.027 23.544-19.119 42.619-42.667 42.619-21.788 0-39.762-16.332-42.347-37.421l-0.021-0.206-0.299-4.992v-323.669l-188.373-188.331h-494.293v853.333h341.333c21.803 0.003 39.784 16.359 42.348 37.47l0.020 0.205 0.299 4.992c-0.003 21.803-16.359 39.784-37.47 42.348l-0.205 0.020-4.992 0.299h-362.667c-33.181-0.002-60.464-25.254-63.68-57.59l-0.021-0.266-0.299-6.144v-896c0.002-33.181 25.254-60.464 57.59-63.68l0.266-0.021 6.144-0.299h533.333z","M640 0c21.803 0.003 39.784 16.359 42.348 37.47l0.020 0.205 0.299 4.992v213.333h213.333c21.803 0.003 39.784 16.359 42.348 37.47l0.020 0.205 0.299 4.992c-0.003 21.803-16.359 39.784-37.47 42.348l-0.205 0.020-4.992 0.299h-234.667c-33.181-0.002-60.464-25.254-63.68-57.59l-0.021-0.266-0.299-6.144v-234.667c0-23.564 19.103-42.667 42.667-42.667v0zM951.168 695.168c7.716-7.691 18.362-12.446 30.119-12.446 23.564 0 42.667 19.103 42.667 42.667 0 9.874-3.354 18.964-8.985 26.194l0.072-0.096-3.541 4.011-240.896 240.939c-11.583 11.591-27.59 18.761-45.271 18.761-15.375 0-29.483-5.421-40.518-14.456l0.114 0.090-4.864-4.395-112.896-112.939c-7.691-7.716-12.446-18.362-12.446-30.119 0-23.564 19.103-42.667 42.667-42.667 9.874 0 18.964 3.354 26.194 8.985l-0.096-0.072 4.011 3.541 97.835 97.792 225.835-225.792z","M341.333 341.333h128q42.667 0 42.667 42.667v0q0 42.667-42.667 42.667h-128q-42.667 0-42.667-42.667v0q0-42.667 42.667-42.667z","M341.333 512h341.333q42.667 0 42.667 42.667v0q0 42.667-42.667 42.667h-341.333q-42.667 0-42.667-42.667v0q0-42.667 42.667-42.667z","M341.333 682.667h128q42.667 0 42.667 42.667v0q0 42.667-42.667 42.667h-128q-42.667 0-42.667-42.667v0q0-42.667 42.667-42.667z"],"attrs":[{},{},{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_file_template"],"colorPermutations":{"1141141141731241731":[{},{},{},{},{}],"201201207124624724817277851":[{},{},{},{},{}],"10210210216868681":[{},{},{},{},{}]}},"attrs":[{},{},{},{},{}],"properties":{"order":29,"id":14,"name":"lk_file_template","prevSize":32,"code":59654},"setIdx":0,"setId":2,"iconIdx":47},{"icon":{"paths":["M517.292 1023.395c6.424 0.385 13.937 0.604 21.5 0.604 90.201 0 173.113-31.206 238.53-83.411l-0.77 0.593c58.416-51.248 95.095-126.048 95.095-209.415 0-4.236-0.095-8.45-0.282-12.64l0.021 0.596c0.069-2.107 0.108-4.584 0.108-7.071 0-61.379-23.975-117.159-63.071-158.485l0.101 0.107c-42.717-43.621-100.156-72.677-164.265-79.117l-1.123-0.091v-2.885c54.371-15.469 100.409-45.592 135.035-85.818l0.304-0.361c33.38-38.018 53.745-88.18 53.745-143.098 0-0.991-0.007-1.981-0.020-2.969l0.002 0.15c0.104-2.448 0.164-5.32 0.164-8.206 0-68.946-33.968-129.959-86.082-167.216l-0.623-0.423c-62.586-40.262-139-64.185-221.002-64.185-8.935 0-17.804 0.284-26.598 0.844l1.201-0.061h-348.084v1022.558h366.114zM436.702 182.031q194.776 0 194.776 111.421c0.045 1.166 0.070 2.534 0.070 3.909 0 37.706-19.227 70.921-48.412 90.376l-0.397 0.249c-34.366 21.421-76.091 34.121-120.782 34.121-4.444 0-8.86-0.126-13.242-0.373l0.608 0.027h-117.551v-239.729h104.99zM456.834 602.713c4.131-0.264 8.957-0.414 13.818-0.414 42.434 0 82.195 11.444 116.365 31.414l-1.094-0.591c27.575 17.492 45.613 47.857 45.613 82.435 0 1.19-0.021 2.375-0.064 3.555l0.005-0.171c0.044 1.137 0.069 2.471 0.069 3.811 0 35.923-17.99 67.645-45.453 86.646l-0.35 0.229c-32.469 20.732-72.057 33.044-114.521 33.044-4.322 0-8.614-0.128-12.872-0.379l0.587 0.028h-127.226v-239.428h125.183z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_font_bold"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":30,"id":13,"name":"lk_font_bold","prevSize":32,"code":59655},"setIdx":0,"setId":2,"iconIdx":48},{"icon":{"paths":["M413 637.5c-81.9 4.6-118.8-10.2-110.6-44.4 0-13.7 6.8-35.3 20.5-64.9 13.6-27.3 23.1-47.8 28.6-61.5h245.8c38.2 72.9 58.7 119.5 61.5 140 8.2 25.1-20.5 35.3-86 30.7v30.7h295v-30.7c-57.4 6.8-97-20.5-118.8-81.9l-229.4-491.6h-36.9l-213 481.4c-19.1 66-62.8 96.8-131.1 92.2v30.7h274.4v-30.7zM470.4 200.5l110.6 228.8h-217.1l106.5-228.8zM872.5 765.3h-728c-10.1 0-18.2 8.1-18.2 18.2v157.8c0 10 8.1 18.2 18.2 18.2h728c10.1 0 18.2-8.2 18.2-18.2v-157.8c0-10-8.2-18.2-18.2-18.2z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_font_color"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":31,"id":12,"name":"lk_font_color","prevSize":32,"code":59656},"setIdx":0,"setId":2,"iconIdx":49},{"icon":{"paths":["M832 96v64c0 17.673-14.327 32-32 32v0h-125.52l-160 640h93.52c17.673 0 32 14.327 32 32v0 64c0 17.673-14.327 32-32 32v0h-384c-17.673 0-32-14.327-32-32v0-64c0-17.673 14.327-32 32-32v0h125.52l160-640h-93.52c-17.673 0-32-14.327-32-32v0-64c0-17.673 14.327-32 32-32v0h384c17.673 0 32 14.327 32 32v0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_font_italic"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":32,"id":11,"name":"lk_font_italic","prevSize":32,"code":59657},"setIdx":0,"setId":2,"iconIdx":50},{"icon":{"paths":["M117.333 341.333c-0-17.673 14.327-32 32-32v0h426.667c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-426.667c-17.673 0-32-14.327-32-32h0zM768 405.333c-35.346 0-64-28.654-64-64s28.654-64 64-64v0c35.346 0 64 28.654 64 64s-28.654 64-64 64v0zM768 469.333c70.692 0 128-57.308 128-128s-57.308-128-128-128v0c-70.692 0-128 57.308-128 128s57.308 128 128 128v0zM928 682.667c0-17.673-14.327-32-32-32v0h-426.667c-17.673 0-32 14.327-32 32s14.327 32 32 32v0h426.667c17.673 0 32-14.327 32-32v0zM256 746.667c35.346 0 64-28.654 64-64s-28.654-64-64-64v0c-35.346 0-64 28.654-64 64s28.654 64 64 64v0zM256 810.667c-70.692 0-128-57.308-128-128s57.308-128 128-128v0c70.692 0 128 57.308 128 128s-57.308 128-128 128v0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_icon_config"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":33,"id":10,"name":"lk_icon_config","prevSize":32,"code":59658},"setIdx":0,"setId":2,"iconIdx":51},{"icon":{"paths":["M1038.494 0c35.446 0 64.276 28.751 64.276 64.276v377.935h-85.622v-356.588h-931.525v824.399h349.184v85.701h-370.53c-35.498 0-64.276-28.777-64.276-64.276v-867.249c0-35.367 28.751-64.197 64.276-64.197zM1043.85 564.775c32.532 0 58.919 26.388 58.919 58.841v310.508c-0 32.54-26.379 58.919-58.919 58.919h-422.912c-32.506-0.045-58.841-26.407-58.841-58.919 0-0 0-0 0-0l-0 0v-310.508c0-32.453 26.388-58.841 58.841-58.841zM1017.068 650.398h-369.27v256.945h369.428v-256.945zM252.455 192.591l128.788 128.709 116.972-116.972v294.439h-294.518l116.815-116.972-128.63-128.551 60.495-60.652z"],"attrs":[{}],"width":1102,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_minimap"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":34,"id":9,"name":"lk_minimap","prevSize":32,"code":59659},"setIdx":0,"setId":2,"iconIdx":52},{"icon":{"paths":["M0 64h404.288l107.072 134.4h512.64v761.6h-1024v-896zM82.432 255.552v89.792h282.88l106.56 134.976h471.168v-90.56h-430.4l-108.416-134.208h-321.792z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_open"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":35,"id":8,"name":"lk_open","prevSize":32,"code":59660},"setIdx":0,"setId":2,"iconIdx":53},{"icon":{"paths":["M853.333 224h-53.333v-53.333c0-40.533-34.133-74.667-74.667-74.667h-554.667c-40.533 0-74.667 34.133-74.667 74.667v554.667c0 40.533 34.133 74.667 74.667 74.667h53.333v53.333c0 40.533 34.133 74.667 74.667 74.667h554.667c40.533 0 74.667-34.133 74.667-74.667v-554.667c0-40.533-34.133-74.667-74.667-74.667zM160 725.333v-554.667c0-6.4 4.267-10.667 10.667-10.667h554.667c6.4 0 10.667 4.267 10.667 10.667v554.667c0 6.4-4.267 10.667-10.667 10.667h-554.667c-6.4 0-10.667-4.267-10.667-10.667zM864 853.333c0 6.4-4.267 10.667-10.667 10.667h-554.667c-6.4 0-10.667-4.267-10.667-10.667v-53.333h437.333c40.533 0 74.667-34.133 74.667-74.667v-437.333h53.333c6.4 0 10.667 4.267 10.667 10.667v554.667z","M576 416h-96v-96c0-17.067-14.933-32-32-32s-32 14.933-32 32v96h-96c-17.067 0-32 14.933-32 32s14.933 32 32 32h96v96c0 17.067 14.933 32 32 32s32-14.933 32-32v-96h96c17.067 0 32-14.933 32-32s-14.933-32-32-32z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_plus_copy"],"colorPermutations":{"1141141141731241731":[{},{}],"201201207124624724817277851":[{},{}],"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":36,"id":7,"name":"lk_plus_copy","prevSize":32,"code":59661},"setIdx":0,"setId":2,"iconIdx":54},{"icon":{"paths":["M604.27 507.86l0.14-335.98 0.070-166.020c0-4.3 5.18-6.47 8.24-3.46l353.94 347.4c5.27 5.18 5.3 13.67 0.050 18.87l-354.27 351.36c-3.060 3.030-8.26 0.87-8.26-3.44l0.090-208.73z","M53.94 590.92c8.74-157.92 87.43-274.43 253.54-339.15 87.43-33.66 177.77-46.61 271.030-49.19 13.47 0 21.33-1.67 25.9-5.5l-0.14 298.21c-3.68-2.21-9.17-2.74-17.010-2.74-49.54 2.59-99.090 2.59-148.63 15.54-99.090 23.3-177.77 72.49-206.91 168.28-37.89 126.86 5.83 264.070 148.63 341.74 0 7.77-5.83 5.18-20.4 0-5.83 0-8.74-2.59-11.66-2.59-171.59-60.5-289.71-215.96-294.92-388.2v-23.43c0.12-4.32 0.3-8.64 0.57-12.97z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_recover"],"colorPermutations":{"1141141141731241731":[{},{}],"201201207124624724817277851":[{},{}],"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":37,"id":6,"name":"lk_recover","prevSize":32,"code":59662},"setIdx":0,"setId":2,"iconIdx":55},{"icon":{"paths":["M798.293 0.001h-712.959c-47.128-0-85.333 38.205-85.333 85.333l0 0v853.333c-0 47.128 38.205 85.333 85.333 85.333l0 0h853.333c47.128-0 85.333-38.205 85.333-85.333v0-712.959c0-0.073 0.001-0.16 0.001-0.247 0-11.721-4.726-22.338-12.377-30.049l0.003 0.003-183.040-183.040c-7.709-7.648-18.326-12.374-30.047-12.374-0.087 0-0.173 0-0.26 0.001l0.013-0zM213.333 76.801h597.333v179.2c0 23.564-19.103 42.667-42.667 42.667v0h-512c-23.564 0-42.667-19.103-42.667-42.667v0zM875.519 947.2h-725.333v-409.6c0-23.564 19.103-42.667 42.667-42.667v0h639.999c23.564 0 42.667 19.103 42.667 42.667v0z","M633.599 125.867h76.8v131.84h-76.8z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_save"],"colorPermutations":{"1141141141731241731":[{},{}],"201201207124624724817277851":[{},{}],"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":38,"id":5,"name":"lk_save","prevSize":32,"code":59663},"setIdx":0,"setId":2,"iconIdx":56},{"icon":{"paths":["M512 1024c-282.77 0-512-229.23-512-512s229.23-512 512-512v0c282.77 0 512 229.23 512 512s-229.23 512-512 512v0zM466.347 752.555c10.198 9.577 23.962 15.461 39.101 15.461 0.474 0 0.946-0.006 1.417-0.017l-0.070 0.001c0.289 0.005 0.631 0.007 0.973 0.007 15.608 0 29.913-5.58 41.028-14.853l-0.102 0.083c10.147-9.37 16.48-22.742 16.48-37.592 0-0.374-0.004-0.747-0.012-1.119l0.001 0.056c0.003-0.215 0.005-0.47 0.005-0.725 0-14.743-6.337-28.005-16.435-37.213l-0.040-0.036c-10.533-9.198-24.407-14.807-39.59-14.807-0.812 0-1.62 0.016-2.424 0.048l0.116-0.004c-0.691-0.030-1.502-0.048-2.317-0.048-14.717 0-28.119 5.627-38.172 14.848l0.042-0.038c-10.524 8.594-17.19 21.57-17.19 36.102 0 0.658 0.014 1.313 0.041 1.964l-0.003-0.093c0 15.872 5.717 28.587 17.152 37.973zM638.464 293.376c-29.44-24.832-68.864-37.291-118.187-37.291-54.869 0-98.56 14.763-130.987 44.288-32.427 29.099-48.555 69.888-48.555 122.368h85.248c0-30.464 6.229-53.675 18.688-69.632 14.933-18.773 38.4-28.16 70.315-28.16 25.941 0 45.909 6.571 59.904 19.712 12.972 13.427 20.965 31.736 20.965 51.912 0 1.040-0.021 2.075-0.063 3.105l0.005-0.148c-0.309 19.363-7.95 36.883-20.259 49.958l0.035-0.038-8.96 9.813c-48.896 40.789-78.080 70.571-87.552 89.344-9.984 18.261-14.933 41.216-14.933 68.864v9.899h86.016v-9.899c0-16.811 3.755-32.341 11.264-46.336 7.424-13.653 17.408-25.088 29.952-34.475 34.901-28.587 56.32-47.104 64.256-55.552 18.517-22.955 27.733-51.797 27.733-86.528 0-43.093-14.933-76.885-44.885-101.205z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_tips"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":39,"id":4,"name":"lk_tips","prevSize":32,"code":59664},"setIdx":0,"setId":2,"iconIdx":57},{"icon":{"paths":["M213.333 640h-85.333v170.667c0 46.933 38.4 85.333 85.333 85.333h170.667v-85.333h-170.667v-170.667zM213.333 213.333h170.667v-85.333h-170.667c-46.933 0-85.333 38.4-85.333 85.333v170.667h85.333v-170.667zM810.667 128h-170.667v85.333h170.667v170.667h85.333v-170.667c0-46.933-38.4-85.333-85.333-85.333zM810.667 810.667h-170.667v85.333h170.667c46.933 0 85.333-38.4 85.333-85.333v-170.667h-85.333v170.667zM512 384c-70.827 0-128 57.173-128 128s57.173 128 128 128 128-57.173 128-128-57.173-128-128-128z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_to_center"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":40,"id":3,"name":"lk_to_center","prevSize":32,"code":59665},"setIdx":0,"setId":2,"iconIdx":58},{"icon":{"paths":["M761.856 1024c113.728-206.048 132.896-520.32-313.856-509.824v253.824l-384-384 384-384v248.384c534.976-13.952 594.56 472.224 313.856 775.616z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_undo"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":41,"id":2,"name":"lk_undo","prevSize":32,"code":59666},"setIdx":0,"setId":2,"iconIdx":59},{"icon":{"paths":["M637 443h-118v-134c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v134h-118c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h118v134c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8v-134h118c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zM921 867l-146-146c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_zoom_in"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":42,"id":1,"name":"lk_zoom_in","prevSize":32,"code":59667},"setIdx":0,"setId":2,"iconIdx":60},{"icon":{"paths":["M637 443h-312c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h312c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zM921 867l-146-146c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_zoom_out"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":43,"id":0,"name":"lk_zoom_out","prevSize":32,"code":59668},"setIdx":0,"setId":2,"iconIdx":61}],"height":1024,"metadata":{"name":"icomoon"},"preferences":{"showGlyphs":true,"showQuickUse":true,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"icon-","metadata":{"fontFamily":"icomoon"},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false},"imagePref":{"prefix":"icon-","png":true,"useClassSelector":true,"color":0,"bgColor":16777215,"classSelector":".icon","name":"icomoon","height":32,"columns":16,"margin":16},"historySize":50,"showCodes":true,"gridSize":16}}
\ No newline at end of file
+{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M341.333 511.986c0-23.564 19.103-42.667 42.667-42.667v0h512c23.561 0.004 42.66 19.105 42.66 42.667s-19.099 42.663-42.66 42.667l-512 0c-23.564 0-42.667-19.103-42.667-42.667v0zM341.333 853.319c0-23.564 19.103-42.667 42.667-42.667v0h512c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-512c-23.564 0-42.667-19.103-42.667-42.667v0zM341.333 170.652c0-23.564 19.103-42.667 42.667-42.667v-0h512c23.561 0.004 42.66 19.105 42.66 42.667s-19.099 42.663-42.66 42.667l-512 0c-23.564 0-42.667-19.103-42.667-42.667v0zM256 511.986c0 47.128-38.205 85.333-85.333 85.333s-85.333-38.205-85.333-85.333h-0c0-47.128 38.205-85.333 85.333-85.333s85.333 38.205 85.333 85.333v0zM256 170.652c0 47.128-38.205 85.333-85.333 85.333s-85.333-38.205-85.333-85.333h-0c0-47.128 38.205-85.333 85.333-85.333s85.333 38.205 85.333 85.333v0zM256 853.319c0 47.128-38.205 85.333-85.333 85.333s-85.333-38.205-85.333-85.333h-0c0-47.128 38.205-85.333 85.333-85.333s85.333 38.205 85.333 85.333v0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_order_by"],"colorPermutations":{"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":105,"id":77,"name":"lk_order_by","prevSize":32,"code":59710},"setIdx":0,"setId":2,"iconIdx":0},{"icon":{"paths":["M689 596c30-47.2 47.6-103.2 47.6-163.4 0-168.2-136.2-304.6-304.2-304.6-168.2 0-304.4 136.4-304.4 304.6s136.2 304.6 304.2 304.6c61 0 117.8-18 165.4-48.8l13.8-9.6 217.2 217.2 67.4-68.6-217-217.2 10-14.2zM602.8 262.4c45.4 45.4 70.4 105.8 70.4 170s-25 124.6-70.4 170c-45.4 45.4-105.8 70.4-170 70.4s-124.6-25-170-70.4c-45.4-45.4-70.4-105.8-70.4-170s25-124.6 70.4-170c45.4-45.4 105.8-70.4 170-70.4s124.6 25 170 70.4z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_search"],"colorPermutations":{"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":104,"id":76,"name":"lk_search","prevSize":32,"code":59711},"setIdx":0,"setId":2,"iconIdx":1},{"icon":{"paths":["M188.8 135.7c-29.7 0-53.8 24.1-53.8 53.7v644.7c0 29.7 24.1 53.7 53.8 53.7h645.4c29.7 0 53.8-24.1 53.8-53.7v-644.7c0-29.7-24.1-53.7-53.8-53.7h-645.4zM175.8 64.6h671.5c61.8 0 111.9 50.1 111.9 111.8v670.8c0 61.7-50.1 111.8-111.9 111.8h-671.5c-61.8 0-111.9-50-111.9-111.8v-670.8c0-61.8 50.1-111.8 111.9-111.8zM175.8 64.6z","M673 548h-322c-19.8 0-36-16.2-36-36s16.2-36 36-36h322c19.8 0 36 16.2 36 36s-16.2 36-36 36z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_reduce"],"colorPermutations":{"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":103,"id":75,"name":"lk_reduce","prevSize":32,"code":59712},"setIdx":0,"setId":2,"iconIdx":2},{"icon":{"paths":["M860 504c-19.9 0-36 16.1-36 36 0 1.4 0.1 2.7 0.2 4h-0.2v344h-688v-688h376c19.9 0 36-16.1 36-36s-16.1-36-36-36h-376c-39.8 0-72 32.2-72 72v688c0 39.8 32.2 72 72 72h688c39.8 0 72-32.2 72-72v-344h-0.2c0.1-1.3 0.2-2.6 0.2-4 0-19.9-16.1-36-36-36zM1002.7 100.3l-79.3-79.3c-28.1-28.1-73.9-27.9-102 0.2l-397.2 397.2c-2.9 2.9-5.2 6.4-6.8 10.2l-99.8 235.4c-5.6 13.2-1.7 26.5 6.8 35.1s21.9 12.5 35.2 6.9l235.5-99.7c3.8-1.6 7.2-3.9 10.2-6.8l397.2-397.2c28.1-28.1 28.3-73.9 0.2-102zM559.8 543l-137.4 58.2 58.2-137.4 278.8-278.8 79.2 79.2-278.8 278.8zM951.5 151.3l-62 62-79.2-79.2 62.2-62.2 79.2 79.2-0.2 0.2z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_edit"],"colorPermutations":{"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":101,"id":73,"name":"lk_edit","prevSize":32,"code":59713},"setIdx":0,"setId":2,"iconIdx":3},{"icon":{"paths":["M780.007 958.73h-536.104c-98.6 0-178.613-79.969-178.613-178.613v-536.105c0-98.731 80.013-178.745 178.613-178.745h536.105c98.773 0 178.701 80.013 178.701 178.745v536.105c-0.001 98.643-79.928 178.613-178.702 178.613v0zM869.445 288.688c0-74.038-60.119-134.069-134.113-134.069h-446.753c-73.994 0-134.028 60.031-134.028 134.069v446.666c0 74.124 60.033 134.069 134.028 134.069h446.753c73.994 0 134.113-59.945 134.113-134.069l0-446.666zM556.631 735.354h-89.351v-178.613h-178.701v-89.44h178.701v-178.613h89.351v178.613h178.701v89.44h-178.701v178.613z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_add"],"colorPermutations":{"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":102,"id":72,"name":"lk_add","prevSize":32,"code":59714},"setIdx":0,"setId":2,"iconIdx":4},{"icon":{"paths":["M389.6 844.8c-3.8 7.7-15.3 11.5-23 11.5h-3.8c-7.7 0-19.1-3.8-26.8-11.5l-160.7-160.6c-3.8-7.7-7.7-15.3-7.7-26.8s3.8-19.1 11.5-26.8l248.7-248.7c0 15.3 7.7 26.8 19.1 38.3l160.7 160.7c11.5 11.5 23 15.3 34.4 19.1l-252.4 244.8zM710.9 577l160.7-160.7c30.6-30.6 30.6-76.5 0-107.1l-160.7-160.6c-7.7-7.7-15.3-11.5-26.8-15.3-3.8-3.8-15.3-3.8-26.8-3.8s-19.1 0-26.8 3.8c-7.7 3.8-19.1 7.7-26.8 15.3l-156.7 164.5-294.6 294.5c-30.6 30.6-30.6 76.5 0 107.1l160.7 160.7c11.5 11.5 30.6 19.1 45.9 19.1h459v-38.2h-382.5l275.4-279.3z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_cell_clear"],"colorPermutations":{"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":99,"id":71,"name":"lk_cell_clear","prevSize":32,"code":59707},"setIdx":0,"setId":2,"iconIdx":5},{"icon":{"paths":["M694.857 420.571c-0.008-0-0.017-0-0.026-0-136.976 0-250.501 100.407-270.989 231.635l-0.199 1.544h-131.072c-0.022 0-0.047 0-0.073 0-17.653 0-31.963-14.311-31.963-31.963 0-0.026 0-0.051 0-0.077l-0 0.004v-416.037h332.654c16.648 40.658 55.911 68.779 101.742 68.779 60.553 0 109.641-49.088 109.641-109.641 0-0.086-0-0.171-0-0.257l0 0.013c-0.034-60.568-49.142-109.654-109.714-109.654-45.729 0-84.923 27.976-101.401 67.747l-0.267 0.728h-538.331v82.286h123.465v416.037c0 63.122 51.2 114.322 114.249 114.322h131.072c20.719 132.738 134.227 233.106 271.177 233.106 151.484 0 274.286-122.802 274.286-274.286 0-151.471-122.781-274.265-274.247-274.286l-0.002-0zM841.143 724.553c0 5.049-4.093 9.143-9.143 9.143v0h-98.304v98.304c0 5.049-4.093 9.143-9.143 9.143v0h-59.392c-5.049 0-9.143-4.093-9.143-9.143v0-98.304h-98.304c-5.049 0-9.143-4.093-9.143-9.143v0-59.392c0-5.047 4.096-9.143 9.143-9.143h98.304v-98.304c0-5.047 4.096-9.143 9.143-9.143h59.392c5.047 0 9.143 4.096 9.143 9.143v98.304h98.304c5.047 0 9.143 4.096 9.143 9.143v59.392z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_cell_add"],"colorPermutations":{"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":97,"id":70,"name":"lk_cell_add","prevSize":32,"code":59709},"setIdx":0,"setId":2,"iconIdx":6},{"icon":{"paths":["M807.36 750.4c-55.872 0-102.656 38.336-116.352 89.92h-382.272v-243.648h384.896c16.77 47.653 61.297 81.242 113.7 81.472l0.028 0c66.687-0.036 120.75-54.032 120.896-120.69l0-0.014c-0.073-66.74-54.156-120.823-120.889-120.896l-0.007-0c-58.724 0.164-107.594 42.15-118.404 97.733l-0.124 0.763h-380.16v-141.824c86.531-15.073 151.48-89.616 151.48-179.328 0-100.454-81.434-181.888-181.888-181.888-0.11 0-0.22 0-0.329 0l0.017-0c-100.614 0.073-182.163 81.599-182.272 182.198l-0 0.010c0.234 89.48 64.999 163.765 150.201 178.784l1.095 0.16v509.76h61.632v-0.96h382.272c14.057 52.065 60.772 89.781 116.329 89.984l0.023 0c65.049-2.149 116.964-55.397 116.964-120.77 0-65.329-51.844-118.548-116.634-120.76l-0.202-0.005zM807.36 498.24c32.64 0 59.264 26.56 59.264 59.2-1.512 31.524-27.438 56.511-59.2 56.511s-57.688-24.986-59.195-56.375l-0.005-0.135c0-32.64 26.496-59.2 59.136-59.2zM157.376 214.208c0-66.496 54.144-120.576 120.64-120.576 66.565 0.036 120.512 54.006 120.512 120.576 0 66.592-53.984 120.576-120.576 120.576s-120.576-53.984-120.576-120.576l0 0zM807.36 930.368c-32.654-0.055-59.104-26.538-59.104-59.2 0-32.695 26.505-59.2 59.2-59.2 0.034 0 0.067 0 0.101 0l-0.005-0c32.654 0.055 59.104 26.538 59.104 59.2 0 32.695-26.505 59.2-59.2 59.2-0.034 0-0.067-0-0.101-0l0.005 0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_cell_tree"],"colorPermutations":{"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":95,"id":68,"name":"lk_cell_tree","prevSize":32,"code":59708},"setIdx":0,"setId":2,"iconIdx":7},{"icon":{"paths":["M820.224 346.671c19.28 0 34.909 15.629 34.909 34.909v0 498.129c-0.079 66.805-54.214 120.939-121.011 121.018l-428.715 0c-66.805-0.079-120.939-54.214-121.018-121.011l-0-0.008v-498.106c0-19.28 15.629-34.909 34.909-34.909s34.909 15.629 34.909 34.909v0 498.106c0 28.23 22.97 51.2 51.2 51.2h428.684c28.253 0 51.2-22.97 51.2-51.2v-498.106c0-19.28 15.629-34.909 34.909-34.909v0zM410.857 395.101c19.28 0 34.909 15.629 34.909 34.909v0 390.865c0 19.28-15.629 34.909-34.909 34.909s-34.909-15.629-34.909-34.909v-390.842c0-19.28 15.629-34.909 34.909-34.909v0zM628.666 395.101c19.28 0 34.909 15.629 34.909 34.909v0 390.865c0 19.28-15.629 34.909-34.909 34.909s-34.909-15.629-34.909-34.909v-390.842c0-19.28 15.629-34.909 34.909-34.909v0zM623.988 46.545c56.797 0.066 102.823 46.091 102.889 102.882l0 0.006v36.282c0 11.636-2.374 22.644-5.935 33.071h167.308c19.28 0 34.909 15.629 34.909 34.909s-15.629 34.909-34.909 34.909v0h-736.977c-19.28 0-34.909-15.629-34.909-34.909s15.629-34.909 34.909-34.909h167.308c-3.635-9.819-5.798-21.159-5.934-32.987l-0.001-0.060v-36.329c0.079-56.787 46.1-102.799 102.882-102.865l0.006-0zM623.988 116.364h-208.454c-18.246 0-33.071 14.825-33.071 33.071v36.282c0 18.223 14.825 33.071 33.071 33.071h208.454c18.223 0 33.071-14.848 33.071-33.047v-36.329c0-18.246-14.848-33.047-33.071-33.047z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_delete"],"colorPermutations":{"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":93,"id":67,"name":"lk_delete","prevSize":32,"code":59706},"setIdx":0,"setId":2,"iconIdx":8},{"icon":{"paths":["M500.224 688.583l-468.196-315.79 468.196-315.79 468.082 315.79-468.082 315.79zM184.661 372.736l315.563 212.935 315.506-212.935-315.506-212.821-315.563 212.821z","M968.249 651.378l-468.196 315.733-468.196-315.733 178.062-120.036 290.702 195.129 295.253-191.716z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_to_bottom_layout"],"colorPermutations":{"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":89,"id":66,"name":"lk_to_bottom_layout","prevSize":32,"code":59704},"setIdx":0,"setId":2,"iconIdx":9},{"icon":{"paths":["M980.196 372.622l-468.196 315.733-468.196-315.733 468.196-315.733z","M512 966.997l-468.139-315.79 166.855-112.583 47.673 70.77-61.952 41.813 315.563 212.878 315.563-212.878-59.051-39.822 47.787-70.77 163.84 110.592z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_to_top_layout"],"colorPermutations":{"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":90,"id":65,"name":"lk_to_top_layout","prevSize":32,"code":59705},"setIdx":0,"setId":2,"iconIdx":10},{"icon":{"paths":["M706.2 188.7h-516.4c-29.8 0-54 24.2-54 54v450.3c0 2 0.1 3.9 0.3 5.9-0.4 9.9 3.2 19.8 10.5 27l2 2c0.9 1.1 1.9 2.2 3 3.2l212.8 212.6s0.1 0.1 0.2 0.1l5.1 5.1c6.9 6.9 16.1 10.5 25.5 10.5 1.1 0 2.3-0.1 3.4-0.2 1.3 0.1 2.7 0.2 4 0.2h303.5c29.8 0 54-24.2 54-54v-662.7c0.1-29.8-24.2-54-53.9-54zM259 736.4h100.2v100.2l-100.2-100.2zM688.2 887.6h-257v-187.2c0-19.9-16.1-36-36-36h-187.4v-403.7h480.3v626.9zM819.4 657.5h72v141.8h-72zM819.4 471.8h72v141.8h-72zM819.4 286.1h72v141.8h-72zM819.4 100.4h72v141.8h-72zM642 64.4h131v72h-131zM469.9 64.4h128.8v72h-128.8zM297.1 64.4h127.9v72h-127.9z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_paste"],"colorPermutations":{"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":88,"id":64,"name":"lk_paste","prevSize":32,"code":59648},"setIdx":0,"setId":2,"iconIdx":11},{"icon":{"paths":["M914.286 877.714v73.143h-804.571v-73.143zM329.143 73.143v731.429h-219.429v-731.429zM621.714 219.429v585.509h-219.429v-585.509zM914.286 73.143v731.429h-219.429v-731.429z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_align_horizontal"],"colorPermutations":{"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":83,"id":63,"name":"lk_align_horizontal","prevSize":32,"code":59649},"setIdx":0,"setId":2,"iconIdx":12},{"icon":{"paths":["M146.286 914.286h-73.143v-804.571h73.143zM950.857 329.143h-731.429v-219.429h731.429zM804.571 621.714h-585.143v-219.429h585.143zM950.857 914.322h-731.429v-219.429h731.429z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_align_vertical"],"colorPermutations":{"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":84,"id":62,"name":"lk_align_vertical","prevSize":32,"code":59703},"setIdx":0,"setId":2,"iconIdx":13},{"icon":{"paths":["M853.333 213.333h-682.667v597.333l396.459-396.544c7.721-7.718 18.386-12.492 30.165-12.492s22.445 4.774 30.165 12.492l-0-0 225.877 226.304v-427.093zM85.333 170.368c0.168-23.317 19.012-42.176 42.307-42.368l0.018-0h768.683c23.381 0 42.325 18.987 42.325 42.368v683.264c-0.168 23.317-19.012 42.176-42.307 42.368l-0.018 0h-768.683c-23.381-0.024-42.325-18.984-42.325-42.368l0-0v-683.264zM341.333 469.333c-47.128 0-85.333-38.205-85.333-85.333s38.205-85.333 85.333-85.333v0c47.128 0 85.333 38.205 85.333 85.333s-38.205 85.333-85.333 85.333h0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_image"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":82,"id":58,"name":"lk_image","prevSize":32,"code":59702},"setIdx":0,"setId":2,"iconIdx":14},{"icon":{"paths":["M534.073 11.036l426.553 479.403c5.571 5.578 9.017 13.281 9.017 21.788s-3.445 16.21-9.017 21.789l0-0-426.553 479.346c-5.578 5.571-13.281 9.017-21.788 9.017s-16.21-3.445-21.789-9.017l0 0-426.553-479.346c-5.571-5.578-9.017-13.281-9.017-21.788s3.445-16.21 9.017-21.789l-0 0 426.553-479.403c5.578-5.571 13.281-9.017 21.788-9.017s16.21 3.445 21.789 9.017l-0-0zM527.815 126.919c-3.98-3.962-9.469-6.411-15.531-6.411s-11.55 2.449-15.531 6.412l0.001-0.001-325.291 369.778c-3.962 3.98-6.411 9.469-6.411 15.531s2.449 11.55 6.412 15.531l-0.001-0.001 325.291 370.005c3.983 3.979 9.484 6.44 15.559 6.44s11.576-2.461 15.559-6.44l-0 0 333.483-370.005c3.979-3.983 6.44-9.484 6.44-15.559s-2.461-11.576-6.44-15.559l0 0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_lozenge"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":81,"id":57,"name":"lk_lozenge","prevSize":32,"code":59701},"setIdx":0,"setId":2,"iconIdx":15},{"icon":{"paths":["M874.24 604.498c22.292-2.14 42.977-11.735 59.238-27.566v282.501c0 48.855-39.762 88.596-88.627 88.596h-634.982c-48.876 0-88.637-39.741-88.637-88.596l0-634.307c0-48.855 39.762-88.607 88.637-88.607h283.269c-15.247 15.647-25.385 36.291-27.607 59.228h-255.672c-16.21 0-29.399 13.179-29.399 29.379v634.296c0 16.189 13.189 29.368 29.399 29.368h634.982c16.21 0 29.399-13.179 29.399-29.368v-254.925zM890.153 130.447h-300.892c-24.535 0-44.421 19.886-44.421 44.431 0 24.535 19.886 44.421 44.421 44.421h191.212c-1.843 1.341-3.686 2.703-5.345 4.372l-313.457 313.436v-193.638c0-24.535-19.886-44.421-44.421-44.421-12.268 0-23.378 4.956-31.416 13.005-8.038 8.059-13.015 19.139-13.015 31.416v300.902c0 24.525 19.886 44.421 44.421 44.421h300.892c24.535 0 44.421-19.896 44.421-44.442 0-24.525-19.886-44.421-44.421-44.421h-191.191c1.843-1.341 3.676-2.703 5.335-4.362l313.436-313.446v193.649c0 24.535 19.886 44.421 44.421 44.421 12.268 0 23.378-4.956 31.416-13.005 8.038-8.059 13.015-19.149 13.015-31.416v-300.902c0.010-24.525-19.886-44.421-44.411-44.421z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_set_size"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":79,"id":56,"name":"lk_set_size","prevSize":32,"code":59699},"setIdx":0,"setId":2,"iconIdx":16},{"icon":{"paths":["M589.523 416.828v-154.985l290.635 253.71-290.635 253.591v-154.744h-477.064v-197.572h477.064zM529.288 129.265v227.328h-477.064v318.042h477.064v227.087l442.488-386.108-442.488-386.35z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_right_arrow"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":80,"id":55,"name":"lk_right_arrow","prevSize":32,"code":59700},"setIdx":0,"setId":2,"iconIdx":17},{"icon":{"paths":["M870.4 153.6l-691.2 691.2v-691.2h691.2zM746.829 204.8h-516.429v516.403l516.403-516.403z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_right_triangle"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":78,"id":54,"name":"lk_right_triangle","prevSize":32,"code":59698},"setIdx":0,"setId":2,"iconIdx":18},{"icon":{"paths":["M512 768c233.92 0 416-121.408 416-256s-182.080-256-416-256-416 121.408-416 256c0 134.592 182.080 256 416 256zM512 832c-265.088 0-480-143.296-480-320s214.912-320 480-320c265.088 0 480 143.296 480 320s-214.912 320-480 320z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_ellipse"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":76,"id":53,"name":"lk_ellipse","prevSize":32,"code":59695},"setIdx":0,"setId":2,"iconIdx":19},{"icon":{"paths":["M128 853.333h768c23.564-0 42.667-19.103 42.667-42.667v0-597.333c0-23.564-19.103-42.667-42.667-42.667v0h-768c-23.564 0-42.667 19.103-42.667 42.667v-0 597.333c0 23.564 19.103 42.667 42.667 42.667v0zM170.667 256h682.667v512h-682.667v-512z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_rect"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":77,"id":52,"name":"lk_rect","prevSize":32,"code":59697},"setIdx":0,"setId":2,"iconIdx":20},{"icon":{"paths":["M213.333 853.333c-17.067 0-29.867-4.267-42.667-8.533-29.867-12.8-55.467-38.4-68.267-68.267s-12.8-68.267 0-98.133c0 0 0-4.267 4.267-4.267l298.667-524.8c12.8-21.333 29.867-38.4 51.2-51.2 59.733-34.133 140.8-12.8 174.933 51.2l298.667 520.533s0 4.267 4.267 4.267c4.267 12.8 8.533 25.6 8.533 42.667 0 34.133-8.533 68.267-34.133 93.867-21.333 25.6-55.467 38.4-89.6 42.667h-605.867zM179.2 712.533c-4.267 8.533-4.267 21.333 0 29.867s12.8 17.067 21.333 21.333c4.267 4.267 8.533 4.267 12.8 4.267h597.333c8.533 0 21.333-4.267 25.6-12.8s12.8-21.333 12.8-29.867c0-4.267 0-8.533-4.267-12.8l-298.667-520.533c-8.533-21.333-34.133-29.867-55.467-17.067-8.533 4.267-12.8 8.533-17.067 17.067l-294.4 520.533z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_triangle"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":72,"id":50,"name":"lk_triangle","prevSize":32,"code":59692},"setIdx":0,"setId":2,"iconIdx":21},{"icon":{"paths":["M231.867 924.56l99.624-315.316-254.598-217.71h320.431l114.726-293.374 128.642 293.375h306.415l-240.135 217.562 102.703 316.754-296.032-198.443-281.776 197.151zM513.135 687.827l238.918 159.045-81.227-247.13 196.016-176.485h-246.748l-106.382-242.59-94.867 242.59h-258.161l206.984 175.878-78.212 249.077 223.679-160.385z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_five_pointed"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":73,"id":49,"name":"lk_five_pointed","prevSize":32,"code":59694},"setIdx":0,"setId":2,"iconIdx":22},{"icon":{"paths":["M512 981.312c-259.12-0.182-469.129-210.191-469.312-469.294l-0-0.018c0.182-259.12 210.191-469.129 469.294-469.312l0.018-0c259.12 0.182 469.129 210.191 469.312 469.294l0 0.018c-0.182 259.12-210.191 469.129-469.294 469.312l-0.018 0zM512 136.832c-1.457-0.020-3.177-0.032-4.9-0.032-207.2 0-375.168 167.968-375.168 375.168s167.968 375.168 375.168 375.168c1.723 0 3.443-0.012 5.161-0.035l-0.261 0.003c205.081-2.764 370.268-169.659 370.268-375.136s-165.187-372.372-370.007-375.133l-0.261-0.003z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_circle"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":75,"id":47,"name":"lk_circle","prevSize":32,"code":59696},"setIdx":0,"setId":2,"iconIdx":23},{"icon":{"paths":["M858.496 680.32v-335.808c58.7-18.539 100.528-72.47 100.608-136.183l0-0.009c-0.073-78.687-63.841-142.455-142.521-142.528l-0.007-0c-64.448 0-119.040 43.008-136.576 101.888h-335.808c-18.205-59.311-72.415-101.717-136.556-101.888l-0.020-0c-78.687 0.073-142.455 63.841-142.528 142.521l-0 0.007c0.094 64.368 42.785 118.74 101.389 136.442l1.011 0.262v334.72c-59.555 18.038-102.17 72.421-102.208 136.764l-0 0.004c0 78.592 63.936 142.464 142.528 142.464 63.872 0 118.080-42.176 136.064-100.288h336.896c18.643 58.546 72.51 100.224 136.12 100.288l0.008 0c78.664-0.073 142.419-63.805 142.528-142.454l0-0.010c-0.212-63.771-42.142-117.692-99.915-135.916l-1.013-0.276zM816.576 125.824c45.504 0 82.56 36.992 82.56 82.496-1.795 44.176-38.042 79.31-82.496 79.31s-80.701-35.133-82.491-79.148l-0.005-0.162c0-45.504 37.056-82.56 82.432-82.56zM125.12 208.32c0-45.504 36.992-82.56 82.496-82.56 44.176 1.795 79.31 38.042 79.31 82.496s-35.133 80.701-79.148 82.491l-0.162 0.005c0 0-0 0-0 0-45.552 0-82.487-36.89-82.56-82.425l-0-0.007zM207.808 899.008c-45.597 0-82.56-36.963-82.56-82.56v0c1.795-44.176 38.042-79.31 82.496-79.31s80.701 35.133 82.491 79.148l0.005 0.162c0 45.568-37.056 82.56-82.432 82.56zM675.392 798.72h-326.272c-8.383-63.923-58.022-114.106-120.959-123.236l-0.769-0.092v-325.952c63.034-9.254 112.227-58.577 121.19-120.898l0.090-0.766h326.72c9.109 63.695 59.165 113.382 122.276 121.84l0.732 0.080v325.568c-64 8.32-114.88 59.328-123.008 123.52zM816.832 899.008c-45.597 0-82.56-36.963-82.56-82.56v0c1.795-44.176 38.042-79.31 82.496-79.31s80.701 35.133 82.491 79.148l0.005 0.162c0 45.568-36.992 82.56-82.496 82.56z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_angular"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":71,"id":45,"name":"lk_angular","prevSize":32,"code":59691},"setIdx":0,"setId":2,"iconIdx":24},{"icon":{"paths":["M554.667 384c0.002 0 0.004 0 0.007 0 23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667c-0.002 0-0.005 0-0.007 0l0-0c-23.561 0.004-42.66 19.105-42.66 42.667s19.099 42.663 42.66 42.667l0 0zM554.667 554.667c23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667h-0c-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667h-0zM725.333 554.667c23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667h-0c-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667h-0zM554.667 725.333c0.002 0 0.004 0 0.007 0 23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667c-0.002 0-0.005 0-0.007 0l0-0c-23.561 0.004-42.66 19.105-42.66 42.667s19.099 42.663 42.66 42.667l0 0zM896 128h-682.667c-23.564-0-42.667 19.103-42.667 42.667v682.667c0 23.564 19.103 42.667 42.667 42.667h682.667c23.564 0 42.667-19.103 42.667-42.667v0-682.667c0-23.564-19.103-42.667-42.667-42.667v0zM853.333 810.667h-597.333v-597.333h597.333v597.333zM384 554.667c23.564 0 42.667-19.103 42.667-42.667s-19.103-42.667-42.667-42.667h-0c-23.564 0-42.667 19.103-42.667 42.667s19.103 42.667 42.667 42.667h-0z"],"attrs":[{}],"width":1066,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_shape_stroke"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":70,"id":44,"name":"lk_shape_stroke","prevSize":32,"code":59690},"setIdx":0,"setId":2,"iconIdx":25},{"icon":{"paths":["M954.757 291.473c-3.61-3.685-8.041-5.583-13.168-5.641-12.515-0.141-26.509 10.942-36.036 20.255l-340.912 331.177c-12.501 12.229-58.516 86.966-60.468 90.143l-7.452 12.121 12.135-7.428c3.217-1.968 78.963-48.374 91.438-60.569l340.911-331.178c15.151-14.815 26.671-35.436 13.552-48.879v0zM741.987 394.478c0 27.609-22.407 50.015-50.015 50.015-27.613 0-50.021-22.406-50.021-50.015 0-27.61 22.408-50.018 50.021-50.018 27.608 0 50.015 22.408 50.015 50.018v0zM216.812 569.531c-27.61 0-50.016-22.403-50.016-50.012 0-27.612 22.406-50.020 50.016-50.020 27.608 0 50.017 22.408 50.017 50.020 0 27.609-22.409 50.012-50.017 50.012v0zM291.838 394.478c0-27.61 22.408-50.018 50.015-50.018 27.61 0 50.018 22.408 50.018 50.018 0 27.609-22.407 50.015-50.018 50.015-27.609-0-50.015-22.382-50.015-50.015v0zM466.896 344.46c0-27.609 22.406-50.015 50.015-50.015 27.612 0 50.019 22.406 50.019 50.015s-22.408 50.018-50.019 50.018c-27.609 0-50.015-22.385-50.015-50.018v0zM853.74 514.084c-22.989 148.967-158.732 299.942-351.947 299.942-36.782 0-75.999-7.275-107.598-19.959-33.607-13.49-48.851-29.354-51.907-39.693-1.594-5.398-3.092-11.296-4.68-17.542-4.65-18.302-9.922-39.045-20.252-56.259-18.376-30.618-44.815-37.045-63.76-37.045-7.166 0-14.798 0.914-22.675 2.712-12.865 2.936-25.363 4.424-37.141 4.424-25.123 0-67.464-6.665-68.765-51.308-6.59-227.942 180.734-351.748 369.298-373.326 13.337-1.525 27.603-2.296 42.403-2.296 53.124 0 111.543 10.001 152.463 26.099 9.248 3.638 14.375 6.016 39.204 18.184 25.653 12.57 46.348 30.432 62.898 47.642l30.158-53.075c-18.027-17.013-40.334-34.407-67.102-47.525-24.89-12.197-31.893-15.514-43.565-20.106-47.339-18.623-114.033-30.194-174.053-30.194-17.027 0-33.545 0.901-49.102 2.678-115.514 13.22-220.687 59.057-296.143 129.075-85.507 79.342-128.872 184.654-125.405 304.555 1.005 34.47 15.117 63.017 40.81 82.556 22.381 17.020 52.431 26.014 86.903 26.014 16.187 0 33.097-1.985 50.268-5.903 3.582-0.818 6.794-1.232 9.548-1.232 11.469 0 16.99 10.044 26.853 48.854 1.654 6.509 3.365 13.241 5.281 19.73 9.434 31.912 39.343 58.784 86.495 77.711 38.319 15.382 85.544 24.203 129.567 24.203 54.104 0 106.474-10.135 155.659-30.123 46.241-18.793 88.502-45.763 125.607-80.165 35.744-33.141 65.271-71.791 87.757-114.884 22.526-43.163 36.888-88.666 42.691-135.269 0.262-2.117 0.509-4.321 0.732-6.548l0.148-1.469v-0.057c0.222-2.336 0.404-4.695 0.571-7.065l-61.218 16.661z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_color_palette"],"colorPermutations":{"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":69,"id":43,"name":"lk_color_palette","prevSize":32,"code":59693},"setIdx":0,"setId":2,"iconIdx":26},{"icon":{"paths":["M809.664 435.2v-0.192h-72.32v0.192l-64.448 177.024 36.16 99.392 64.448-176.96 72.192 198.4h-128.832l23.68 64.96h128.832l44.608 122.432c2.292 6.209 8.158 10.557 15.040 10.56l49.728 0c4.408-0.014 7.976-3.59 7.976-8 0-0.988-0.179-1.934-0.506-2.807l0.018 0.055-176.576-485.056zM427.776 75.776h-87.552c-0.008-0-0.017-0-0.026-0-1.163 0-2.154 0.739-2.528 1.773l-0.006 0.019-309.184 849.792c-0.112 0.285-0.177 0.615-0.177 0.96 0 1.485 1.203 2.688 2.688 2.688 0.017 0 0.035-0 0.052-0l-0.003 0h74.304c6.857-0.031 12.692-4.371 14.94-10.449l0.036-0.111 79.36-217.984h368.64l79.36 217.984c2.292 6.209 8.158 10.557 15.040 10.56l74.304 0c0.015 0 0.032 0 0.049 0 1.485 0 2.688-1.203 2.688-2.688 0-0.345-0.065-0.675-0.184-0.979l0.006 0.018-309.312-849.792c-0.38-1.053-1.371-1.792-2.534-1.792-0.009 0-0.018 0-0.027 0l0.001-0zM228.736 622.528l155.264-426.56 155.2 426.56h-310.4z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_font_size"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":67,"id":41,"name":"lk_font_size","prevSize":32,"code":59689},"setIdx":0,"setId":2,"iconIdx":27},{"icon":{"paths":["M128 896h768v64h-768zM128 768h768v64h-768zM128 640h768v64h-768zM128 512h768v64h-768zM0 64h64v896h-64zM960 64h64v896h-64z","M440.2 448l-128-128h399.6l-128 128h184.2l192-192-192-192h-184.2l128 128h-399.6l128-128h-184.2l-192 192 192 192z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_align_icon"],"colorPermutations":{"1141141141731241731":[{},{}],"201201207124624724817277851":[{},{}],"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":66,"id":40,"name":"lk_align_icon","prevSize":32,"code":59688},"setIdx":0,"setId":2,"iconIdx":28},{"icon":{"paths":["M960 480v64h-896v-64h896zM832 256v512l-256 0v-512l256 0zM448 128v768l-256 0v-768l256 0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_align_h_center"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":64,"id":39,"name":"lk_align_h_center","prevSize":32,"code":59685},"setIdx":0,"setId":2,"iconIdx":29},{"icon":{"paths":["M1170.286 987.429c0-20.198-16.374-36.571-36.571-36.571h-1097.143c-20.195 0.003-36.565 16.376-36.565 36.571s16.37 36.568 36.565 36.571l1097.143 0c20.198-0 36.571-16.374 36.571-36.571v0zM950.857 841.143v-512c0-20.198-16.374-36.571-36.571-36.571v0h-219.429c-20.198 0-36.571 16.374-36.571 36.571l-0-0v512c0 20.198 16.374 36.571 36.571 36.571h219.429c20.198 0 36.571-16.374 36.571-36.571v0zM512 841.143v-804.571c0-20.198-16.374-36.571-36.571-36.571v0h-219.429c-20.198 0-36.571 16.374-36.571 36.571v0 804.571c0 20.198 16.374 36.571 36.571 36.571v0h219.429c20.198-0 36.571-16.374 36.571-36.571v0z"],"attrs":[{}],"width":1170,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_align_bottom"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":63,"id":38,"name":"lk_align_bottom","prevSize":32,"code":59686},"setIdx":0,"setId":2,"iconIdx":30},{"icon":{"paths":["M1170.286 36.571c0 20.198-16.374 36.571-36.571 36.571l-1097.143-0c-20.195-0.003-36.565-16.376-36.565-36.571s16.37-36.568 36.565-36.571l1097.143-0c20.198-0 36.571 16.374 36.571 36.571v0zM950.857 182.857v512c0 20.198-16.374 36.571-36.571 36.571v0h-219.429c-20.198 0-36.571-16.374-36.571-36.571l-0 0v-512c0-20.198 16.374-36.571 36.571-36.571l-0-0h219.429c20.198 0 36.571 16.374 36.571 36.571v-0zM512 182.857v804.571c0 20.198-16.374 36.571-36.571 36.571v0h-219.429c-20.198 0-36.571-16.374-36.571-36.571v0-804.571c0-20.198 16.374-36.571 36.571-36.571v-0h219.429c20.198 0 36.571 16.374 36.571 36.571v-0z"],"attrs":[{}],"width":1170,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_align_top"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":62,"id":37,"name":"lk_align_top","prevSize":32,"code":59687},"setIdx":0,"setId":2,"iconIdx":31},{"icon":{"paths":["M928 0c17.673 0 32 14.327 32 32v0 960c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-960c0-17.673 14.327-32 32-32v0zM352 192h448c17.673 0 32 14.327 32 32v0 192c0 17.673-14.327 32-32 32v0h-448c-17.673 0-32-14.327-32-32v0-192c0-17.673 14.327-32 32-32v0zM96 576h704c17.673 0 32 14.327 32 32v0 192c0 17.673-14.327 32-32 32v0h-704c-17.673 0-32-14.327-32-32v0-192c0-17.673 14.327-32 32-32v0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_align_right"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":59,"id":36,"name":"lk_align_right","prevSize":32,"code":59682},"setIdx":0,"setId":2,"iconIdx":32},{"icon":{"paths":["M477.312 576v-128h-210.624c-17.673 0-32-14.327-32-32v0-192c0-17.673 14.327-32 32-32v0h210.624v-157.312c0-19.158 15.53-34.688 34.688-34.688s34.688 15.53 34.688 34.688v-0 157.312h210.624c17.673 0 32 14.327 32 32v0 192c0 17.673-14.327 32-32 32v0h-210.624v128h349.312c17.673 0 32 14.327 32 32v0 192c0 17.673-14.327 32-32 32v0h-349.312v157.312c0 19.158-15.53 34.688-34.688 34.688s-34.688-15.53-34.688-34.688v-157.312h-349.312c-17.673 0-32-14.327-32-32v0-192c0-17.673 14.327-32 32-32v0h349.312z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_align_center"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":60,"id":35,"name":"lk_align_center","prevSize":32,"code":59683},"setIdx":0,"setId":2,"iconIdx":33},{"icon":{"paths":["M96 0c17.673 0 32 14.327 32 32v0 960c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-960c0-17.673 14.327-32 32-32v0zM224 192h448c17.673 0 32 14.327 32 32v0 192c0 17.673-14.327 32-32 32v0h-448c-17.673 0-32-14.327-32-32v0-192c0-17.673 14.327-32 32-32v0zM224 576h704c17.673 0 32 14.327 32 32v0 192c0 17.673-14.327 32-32 32v0h-704c-17.673 0-32-14.327-32-32v0-192c0-17.673 14.327-32 32-32v0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_align_left"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":61,"id":34,"name":"lk_align_left","prevSize":32,"code":59684},"setIdx":0,"setId":2,"iconIdx":34},{"icon":{"paths":["M458.5 177.3v273h-288.2v-273h288.2zM499.5 136.3h-370.3v355h370.2v-355h0.1zM305.7 621.5l137.1 237.4h-274.1l137-237.4zM305.7 539.5l-208 360.5h416.2l-208.2-360.5zM732.7 216.8l23.1 46.8 9.5 19.3 73 10.6-37.3 36.4-15.4 15.1 3.6 21.2 8.8 51.4-65.3-34.3-19.1 10-46.2 24.3 8.8-51.4 3.6-21.3-15.4-15.1-37.3-36.4 72.8-10.6 9.5-19.3 23.3-46.7zM732.7 124.1l-59.9 121.3-133.8 19.4 96.8 94.4-22.8 133.3 119.7-62.9 119.7 62.9-22.9-133.3 96.8-94.4-133.8-19.4-59.8-121.3zM732.7 595.8c72.5 0 131.5 59 131.5 131.5s-59 131.5-131.5 131.5-131.6-59-131.6-131.5 59-131.5 131.6-131.5zM732.7 554.8c-95.3 0-172.6 77.2-172.6 172.5s77.3 172.6 172.6 172.6 172.5-77.2 172.5-172.6c0-95.3-77.3-172.5-172.5-172.5z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_shape_set"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":57,"id":33,"name":"lk_shape_set","prevSize":32,"code":59681},"setIdx":0,"setId":2,"iconIdx":35},{"icon":{"paths":["M938.633 570.216l-383.961 172.585c-36.762 15.99-51.4 15.99-85.33 0l-383.976-172.585c-20.383-10.827-25.879-50.887-25.879-72.746 25.631 14.637 61.674 30.959 60.335 30.131l392.179 180.788 392.192-180.788c0.662-0.166 35.629-17.786 60.32-30.131 0 22.369-6.933 63.908-25.879 72.746zM938.633 389.413l-383.961 172.599c-36.762 15.991-51.4 15.991-85.33 0l-383.976-172.599c-30.16-16.005-29.222-66.407 0-85.229l383.976-202.73c33.93-16.944 55.155-17.882 85.33 0l383.961 202.73c29.221 16.005 28.255 72.042 0 85.229zM511.999 135.865l-392.179 210.933 392.179 165.253 392.193-165.253-392.193-210.933zM511.999 889.203l392.192-180.815c0.662-0.166 35.629-17.786 60.32-30.13 0 22.369-6.932 63.908-25.879 72.746l-383.96 172.612c-36.762 15.99-51.4 15.99-85.33 0l-383.976-172.613c-20.383-10.827-25.879-50.873-25.879-72.746 25.631 14.637 61.674 30.959 60.335 30.13l392.178 180.816z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_layer_set"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":56,"id":32,"name":"lk_layer_set","prevSize":32,"code":59680},"setIdx":0,"setId":2,"iconIdx":36},{"icon":{"paths":["M340.821 0c-188.192 0.097-340.724 152.63-340.821 340.812l-0 0.009v683.179h341.504v-682.667h682.496v-341.333h-683.179z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_border_angle"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":55,"id":31,"name":"lk_border_angle","prevSize":32,"code":59679},"setIdx":0,"setId":2,"iconIdx":37},{"icon":{"paths":["M1024.003 83.149l-940.851 940.851-83.149-83.149 940.851-940.851 83.149 83.149zM1024.003 83.149z"],"attrs":[{}],"width":1025,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_line"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":54,"id":30,"name":"lk_line","prevSize":32,"code":59678},"setIdx":0,"setId":2,"iconIdx":38},{"icon":{"paths":["M724.038 298.855h-424.077c-4.962 0-8.987 4.026-8.987 8.987v141.376c0 2.434 0.986 4.763 2.732 6.458 1.746 1.689 4.109 2.56 6.54 2.526l18.751-0.59c4.423-0.143 8.081-3.479 8.634-7.871 5.911-47.374 45.467-80.044 65.949-85.028 6.049-1.48 14.476-2.224 25.053-2.224 12.941 0 26.145 1.147 34.21 2.004-0.091 50.063-0.581 317.876-0.581 336.347 0 11.676-16.415 18.719-20.795 20.388l-36.029 0.57c-4.828 0.082-8.732 3.953-8.845 8.78l-0.59 25.817c-0.056 2.418 0.867 4.758 2.555 6.484 1.691 1.737 4.010 2.712 6.428 2.712h234.059c4.962 0 8.988-4.028 8.988-8.988v-25.187c0-4.963-4.027-8.988-8.988-8.988h-42.369c-10.383-1.199-19.057-13.291-22.532-19.6l0.513-341.292c4.22-0.375 10.123-0.737 17.359-0.737 14.281 0 28.964 1.346 43.645 3.996 30.609 5.527 61.849 66.544 71.302 89.584 1.385 3.376 4.669 5.583 8.321 5.583h18.751c4.962 0 8.987-4.027 8.987-8.989l-0-143.128c0.004-4.966-4.023-8.991-8.984-8.991v0zM724.038 298.855z","M847.029 65.29h-670.063c-61.677 0-111.675 50.004-111.675 111.675v687.47c8.415 53.352 55.962 94.274 111.675 94.274h670.068c61.676 0 111.675-50.004 111.675-111.676l-0-670.068c-0.001-61.668-50-111.675-111.681-111.675v0zM847.033 791.194c0 30.843-24.998 55.84-55.84 55.84l-558.387-0.004c-30.838 0-55.84-24.999-55.84-55.84v0-558.383c0-30.838 24.998-55.841 55.84-55.841h558.387c30.838 0 55.84 24.998 55.84 55.841v0 558.387zM847.033 791.194z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_text"],"colorPermutations":{"1141141141731241731":[{},{}],"201201207124624724817277851":[{},{}],"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":53,"id":29,"name":"lk_text","prevSize":32,"code":59677},"setIdx":0,"setId":2,"iconIdx":39},{"icon":{"paths":["M460.8 665.6h102.4v102.4h-102.4v-102.4zM460.8 256h102.4v307.2h-102.4v-307.2zM511.488 0c-282.624 0-511.488 229.376-511.488 512s228.864 512 511.488 512c283.136 0 512.512-229.376 512.512-512s-229.376-512-512.512-512zM512 921.6c-226.304 0-409.6-183.296-409.6-409.6s183.296-409.6 409.6-409.6 409.6 183.296 409.6 409.6-183.296 409.6-409.6 409.6z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_warning_tips"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":52,"id":28,"name":"lk_warning_tips","prevSize":32,"code":59676},"setIdx":0,"setId":2,"iconIdx":40},{"icon":{"paths":["M379.611 265.874c16.238 16.311 43.081 16.311 59.392 0l31.451-31.451v190.757c0 23.113 18.944 42.057 42.057 42.057 23.179-0.083 41.943-18.872 41.984-42.053l0-0.004v-190.903l31.451 31.525c16.311 16.311 43.154 16.311 59.465 0 7.55-7.622 12.215-18.114 12.215-29.696s-4.665-22.074-12.219-29.699l0.003 0.003-103.205-103.131c-7.622-7.55-18.114-12.215-29.696-12.215s-22.074 4.665-29.699 12.219l0.003-0.003-103.205 103.205c-7.603 7.599-12.306 18.098-12.306 29.696s4.703 22.098 12.305 29.696l0 0z","M897.17 149.943h-240.274l48.64 48.64h184.832v477.038h-755.931v-477.038h183.954l48.64-48.567h-239.177c-26.925 0.083-48.735 21.867-48.859 48.774l-0 0.012v541.477c0 26.843 21.943 48.859 48.786 48.859h256.805v72.85l-55.003 55.003s-5.998 11.995 8.997 11.995h347.794c14.994 0 8.997-11.995 8.997-11.995l-55.003-55.003v-72.85h256.805c26.951-0.083 48.777-21.909 48.859-48.851l0-0.008v-541.477c-0.124-26.919-21.934-48.704-48.851-48.786l-0.008-0z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_data_output"],"colorPermutations":{"1141141141731241731":[{},{}],"201201207124624724817277851":[{},{}],"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":48,"id":27,"name":"lk_data_output","prevSize":32,"code":59673},"setIdx":0,"setId":2,"iconIdx":41},{"icon":{"paths":["M379.6 292.3c-16.3 16.3-16.3 43.1 0 59.4l103.2 103.2c16.3 16.3 43.1 16.3 59.4 0l103.2-103.2c16.3-16.3 16.3-43.1 0-59.4s-43.1-16.3-59.4 0l-31.5 31.5v-190.8c0-23.1-18.9-42-42-42s-42 18.9-42 42v190.8l-31.5-31.5c-16.4-16.3-43.1-16.3-59.4 0zM897.2 150h-293.2v48.6h286.5v477h-756v-477h286.5v-48.6h-293.2c-26.8 0-48.8 22-48.8 48.8v541.5c0 26.8 22 48.8 48.8 48.8h256.8v72.9l-55 55s-6 12 9 12h347.8c15 0 9-12 9-12l-55-55v-72.9h256.8c26.8 0 48.8-22 48.8-48.8v-541.5c0-26.8-22-48.8-48.8-48.8z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_data_input"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":49,"id":26,"name":"lk_data_input","prevSize":32,"code":59674},"setIdx":0,"setId":2,"iconIdx":42},{"icon":{"paths":["M924.059 466.805c-1.883-38.202-23.717-72.597-57.491-90.555l-607.086-325.411c-33.877-18.193-74.843-17.13-107.73 2.797-33.222 19.646-53.366 55.597-52.778 94.19l4.364 729.352c-0.059 40.136 22.209 76.97 57.772 95.579 14.543 8.045 31.886 12.78 50.334 12.78 0.198 0 0.396-0.001 0.594-0.002l-0.030 0c22.852-0.093 44.045-7.12 61.604-19.084l-0.382 0.246 602.849-404.131c31.703-21.278 49.913-57.631 47.979-95.763zM177.079 926.452l1.346-832.289 692.623 371.223-693.969 461.066zM227.96 846.724z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_start"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":50,"id":25,"name":"lk_start","prevSize":32,"code":59675},"setIdx":0,"setId":2,"iconIdx":43},{"icon":{"paths":["M562.176 411.136c0 13.824 11.264 25.088 25.088 25.088s25.088-11.264 25.088-25.088-11.264-25.088-25.088-25.088-25.088 11.264-25.088 25.088zM335.872 235.52c-13.824 0-25.088 11.264-25.088 25.088s11.264 25.088 25.088 25.088 25.088-11.264 25.088-25.088c0.512-13.824-10.752-25.088-25.088-25.088zM436.224 587.776c13.824 0 25.6-11.264 25.6-25.088s-11.264-25.6-25.088-25.6-25.6 11.264-25.6 25.088 11.264 25.088 25.088 25.6zM839.168 82.944h-654.336c-41.472 0-75.264 33.792-75.776 75.264v707.584c0 41.472 33.792 75.264 75.776 75.264h527.872v-176.128c0-13.824 11.264-25.088 25.088-25.088h176.128v-581.632c0-41.472-33.28-75.264-74.752-75.264zM486.912 840.704h-201.216c-13.824 0-25.088-11.264-25.088-25.088s11.264-25.088 25.088-25.088h201.216c13.824 0 25.088 11.264 25.088 25.088s-11.264 25.088-25.088 25.088zM260.608 714.752c0-13.824 11.264-25.088 25.088-25.088h100.864c13.824 1.024 24.064 13.312 23.040 27.136-1.024 12.288-10.752 22.016-23.040 23.040h-100.864c-13.824 0.512-25.088-10.752-25.088-25.088zM360.96 537.088h4.608c13.824-38.912 56.32-59.904 95.744-46.080 21.504 7.68 38.4 24.576 46.080 46.080h169.984l-7.168-7.168c-9.728-9.728-9.728-25.6 0-35.84 9.728-9.728 25.6-9.728 35.84 0l50.176 49.664c9.728 9.728 9.728 25.6 0 35.84l-50.176 50.688c-9.728 9.728-25.6 9.728-35.84 0s-9.728-25.6 0-35.84l7.168-7.168h-169.984c-13.824 38.912-56.32 59.904-95.744 46.080-21.504-7.68-38.4-24.576-46.080-46.080h-4.608c-55.808 0-100.864-45.056-100.864-100.864s45.056-100.864 100.864-100.864h155.648c13.312-38.912 56.32-59.904 95.232-46.592 22.016 7.68 38.912 24.576 46.592 46.592h4.608c27.648 1.536 51.712-19.456 53.248-47.616 1.536-27.648-19.456-51.712-47.616-53.248h-261.632c-13.824 39.424-56.832 59.904-96.256 46.080s-59.904-56.832-46.080-96.256c13.824-39.424 56.832-59.904 96.256-46.080 21.504 7.68 38.4 24.576 46.080 46.080h256c55.296-2.048 102.4 40.96 104.448 96.768 2.048 55.296-40.96 102.4-96.768 104.448h-12.8c-13.312 38.912-56.32 59.904-95.232 46.592-22.016-7.68-38.912-24.576-46.592-46.592h-155.648c-27.648-1.536-51.712 19.456-53.248 47.616-1.536 27.648 19.456 51.712 47.616 53.248 2.56 0.512 4.608 0.512 6.144 0.512zM763.392 926.72l136.192-136.192h-136.192v136.192z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_step_flow"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":47,"id":24,"name":"lk_step_flow","prevSize":32,"code":59672},"setIdx":0,"setId":2,"iconIdx":44},{"icon":{"paths":["M512 74.667c-241.067 0-437.333 196.267-437.333 437.333s196.267 437.333 437.333 437.333 437.333-196.267 437.333-437.333-196.267-437.333-437.333-437.333zM512 885.333c-204.8 0-373.333-168.533-373.333-373.333s168.533-373.333 373.333-373.333 373.333 168.533 373.333 373.333-168.533 373.333-373.333 373.333z","M701.867 381.867l-253.867 256-125.867-125.867c-12.8-12.8-32-12.8-44.8 0s-12.8 32 0 44.8l149.333 149.333c6.4 6.4 14.933 8.533 23.467 8.533s17.067-2.133 23.467-8.533l277.333-277.333c12.8-12.8 12.8-32 0-44.8-14.933-12.8-36.267-12.8-49.067-2.133z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_success"],"colorPermutations":{"1141141141731241731":[{},{}],"201201207124624724817277851":[{},{}],"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":44,"id":23,"name":"lk_success","prevSize":32,"code":59669},"setIdx":0,"setId":2,"iconIdx":45},{"icon":{"paths":["M924.78 336.8c-69.897-162.92-228.929-274.96-414.13-274.96-248.169 0-449.35 201.181-449.35 449.35s201.181 449.35 449.35 449.35c248.169 0 449.35-201.181 449.35-449.35l-0 0c0-0.187 0-0.408 0-0.628 0-62.754-12.953-122.482-36.332-176.657l1.112 2.895zM875.050 664.55c-61.511 143.353-201.448 241.935-364.41 241.935-218.379 0-395.41-177.031-395.41-395.41s177.031-395.41 395.41-395.41c218.379 0 395.41 177.031 395.41 395.41 0 0.040-0 0.081-0 0.121l0-0.006c0 0.128 0 0.28 0 0.431 0 55.23-11.401 107.798-31.979 155.477l0.979-2.548z","M671.090 352.91c-4.886-4.885-11.635-7.906-19.090-7.906s-14.204 3.021-19.090 7.906l-120.91 120.91-120.91-120.91c-4.858-4.727-11.499-7.642-18.822-7.642-14.912 0-27 12.088-27 27 0 7.323 2.915 13.964 7.648 18.828l-0.006-0.006 120.91 120.91-120.91 120.91c-5.047 4.911-8.178 11.769-8.178 19.358 0 14.912 12.088 27 27 27 7.589 0 14.447-3.131 19.352-8.172l0.006-0.006 120.91-120.91 120.91 120.91c4.858 4.727 11.499 7.642 18.822 7.642 14.912 0 27-12.088 27-27 0-7.323-2.915-13.964-7.648-18.828l0.006 0.006-120.91-120.91 120.91-120.91c4.885-4.886 7.906-11.635 7.906-19.090s-3.021-14.204-7.906-19.090l0 0z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_failed"],"colorPermutations":{"1141141141731241731":[{},{}],"201201207124624724817277851":[{},{}],"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":45,"id":22,"name":"lk_failed","prevSize":32,"code":59670},"setIdx":0,"setId":2,"iconIdx":46},{"icon":{"paths":["M166.671 504.169c2.086-92.486 40.292-175.66 101.011-236.299l0.004-0.004c62.232-62.512 148.354-101.196 243.511-101.196 0.261 0 0.522 0 0.783 0.001l-0.041-0c0.253-0.001 0.553-0.001 0.852-0.001 95.047 0 181.058 38.689 243.143 101.178l0.018 0.018c9.939 9.939 19.275 20.48 27.889 31.503l-60.416 47.164c-1.912 1.491-3.13 3.794-3.13 6.382 0 0.598 0.065 1.181 0.189 1.743l-0.010-0.053c0.674 3.011 2.973 5.351 5.908 6.072l0.055 0.011 176.369 43.189c0.561 0.139 1.206 0.219 1.869 0.219 4.408 0 7.99-3.533 8.070-7.922l0-0.007 0.843-181.609c0-0.005 0-0.011 0-0.017 0-4.425-3.587-8.011-8.011-8.011-1.871 0-3.593 0.642-4.956 1.717l0.017-0.013-56.621 44.273c-77.878-98.981-197.664-161.961-332.159-161.961-229.909 0-416.835 184.035-421.498 412.828l-0.007 0.435c-0.001 0.054-0.002 0.117-0.002 0.181 0 4.425 3.587 8.011 8.011 8.011 0.001 0 0.001-0 0.002-0l60.235 0c0.019 0 0.040 0 0.062 0 4.361 0 7.908-3.485 8.009-7.821l0-0.009zM925.636 512h-60.235c-0.019-0-0.040-0-0.062-0-4.361 0-7.908 3.485-8.009 7.821l-0 0.009c-1.945 92.511-40.185 175.728-101.003 236.291l-0.012 0.012c-62.259 62.513-148.405 101.196-243.586 101.196-0.214 0-0.427-0-0.641-0.001l0.033 0c-0.238 0.001-0.52 0.001-0.802 0.001-109.934 0-207.811-51.622-270.713-131.947l-0.567-0.752 60.416-47.164c1.919-1.479 3.143-3.778 3.143-6.362 0-3.766-2.598-6.924-6.1-7.782l-0.055-0.011-176.369-43.189c-0.561-0.139-1.206-0.219-1.869-0.219-4.408 0-7.99 3.533-8.070 7.922l-0 0.007-0.723 181.73c0 6.746 7.77 10.541 12.951 6.325l56.621-44.273c77.865 99.043 197.68 162.070 332.215 162.070 229.957 0 416.905-184.138 421.442-413.008l0.007-0.424c0.003-0.086 0.005-0.187 0.005-0.289 0-3.307-2.019-6.143-4.892-7.341l-0.053-0.019c-0.901-0.381-1.949-0.602-3.048-0.602-0.009 0-0.017 0-0.026 0l0.001-0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_running"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":46,"id":21,"name":"lk_running","prevSize":32,"code":59671},"setIdx":0,"setId":2,"iconIdx":47},{"icon":{"paths":["M563.8 512l262.5-312.9c4.4-5.2 0.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7l-216.5 258.1-216.5-258.1c-3-3.6-7.5-5.7-12.3-5.7h-79.8c-6.8 0-10.5 7.9-6.1 13.1l262.5 312.9-262.5 312.9c-4.4 5.2-0.7 13.1 6.1 13.1h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1l-262.5-312.9z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_close_x"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":25,"id":18,"name":"lk_close_x","prevSize":32,"code":59650},"setIdx":0,"setId":2,"iconIdx":48},{"icon":{"paths":["M994.763 91.741l-62.057-62.057c-18.325-18.314-43.634-29.64-71.589-29.64s-53.264 11.326-71.59 29.641l-144.073 144.073-69.542-69.67-137.804 137.868 57.386 57.322-393.26 393.324c-24.361 24.322-40.077 57.297-42.143 93.921l-0.017 0.379-22.903 22.839c-22.723 22.715-36.778 54.099-36.778 88.767 0 69.319 56.194 125.512 125.512 125.512 34.651 0 66.023-14.042 88.735-36.746l-0 0 22.903-22.967c37.012-1.982 70.012-17.695 94.295-42.091l0.005-0.005 393.26-393.26 57.386 57.322 137.74-137.676-69.606-69.67 144.074-143.946c18.367-18.324 29.731-43.662 29.731-71.653s-11.363-53.329-29.729-71.651l-0.002-0.002zM268.188 858.557c-9.913 9.927-23.615 16.068-38.752 16.068-8.713 0-16.951-2.035-24.264-5.655l0.32 0.143-54.507 54.444c-6.338 5.969-14.901 9.638-24.321 9.638-19.61 0-35.507-15.897-35.507-35.507 0-9.404 3.656-17.954 9.624-24.307l-0.017 0.019 54.38-54.571c-3.464-6.982-5.491-15.205-5.491-23.902 0-15.158 6.158-28.878 16.11-38.793l0.002-0.002 393.26-393.26 102.361 102.489-393.196 393.196z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_color_eyedropper_tool"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":26,"id":17,"name":"lk_color_eyedropper_tool","prevSize":32,"code":59651},"setIdx":0,"setId":2,"iconIdx":49},{"icon":{"paths":["M877.158 639.386s-70.246 97.28-70.246 137.421c0 40.141 31.539 72.499 70.451 72.499s70.246-32.563 70.246-72.704c-0.205-39.731-70.451-137.216-70.451-137.216zM852.378 536.166l-352.87-364.339c-0.819-0.819-1.638-1.638-2.662-2.458l-105.472-108.954c-12.083-12.288-31.539-12.288-43.418 0-12.083 12.288-12.083 32.563 0 44.851l79.053 81.51-338.534 349.389c-15.974 16.589-15.974 43.213 0 59.802l353.075 364.544c7.987 8.192 18.432 12.288 28.877 12.288s20.89-4.096 28.877-12.288l353.075-364.544c15.974-16.384 15.974-43.213 0-59.802zM587.776 353.075l165.478 170.598h-565.658l282.624-291.84 117.555 121.242z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_color_fill"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":27,"id":16,"name":"lk_color_fill","prevSize":32,"code":59652},"setIdx":0,"setId":2,"iconIdx":50},{"icon":{"paths":["M792.832 485.856c-12.512-12.544-32.8-12.48-45.248-0.032l-203.584 203.168v-560.992c0-17.664-14.336-32-32-32s-32 14.336-32 32v563.040l-234.048-235.456c-12.48-12.576-32.704-12.64-45.248-0.128-12.544 12.448-12.608 32.704-0.128 45.248l287.52 289.248c3.168 3.2 6.88 5.536 10.816 7.136 4 1.792 8.384 2.912 13.088 2.912 11.296 0 20.704-6.176 26.4-14.976l254.368-253.952c12.544-12.448 12.544-32.704 0.064-45.216z","M864 928h-704c-17.664 0-32-14.304-32-32s14.336-32 32-32h704c17.696 0 32 14.304 32 32s-14.304 32-32 32z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_down"],"colorPermutations":{"1141141141731241731":[{},{}],"201201207124624724817277851":[{},{}],"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":28,"id":15,"name":"lk_down","prevSize":32,"code":59653},"setIdx":0,"setId":2,"iconIdx":51},{"icon":{"paths":["M682.667 0c0.001-0 0.002-0 0.004-0 9.802 0 18.833 3.306 26.037 8.863l-0.099-0.074 4.267 3.712 207.061 207.061c10.127 10.128 16.875 23.634 18.41 38.683l0.022 0.271 0.299 6.315v332.501c-0.027 23.544-19.119 42.619-42.667 42.619-21.788 0-39.762-16.332-42.347-37.421l-0.021-0.206-0.299-4.992v-323.669l-188.373-188.331h-494.293v853.333h341.333c21.803 0.003 39.784 16.359 42.348 37.47l0.020 0.205 0.299 4.992c-0.003 21.803-16.359 39.784-37.47 42.348l-0.205 0.020-4.992 0.299h-362.667c-33.181-0.002-60.464-25.254-63.68-57.59l-0.021-0.266-0.299-6.144v-896c0.002-33.181 25.254-60.464 57.59-63.68l0.266-0.021 6.144-0.299h533.333z","M640 0c21.803 0.003 39.784 16.359 42.348 37.47l0.020 0.205 0.299 4.992v213.333h213.333c21.803 0.003 39.784 16.359 42.348 37.47l0.020 0.205 0.299 4.992c-0.003 21.803-16.359 39.784-37.47 42.348l-0.205 0.020-4.992 0.299h-234.667c-33.181-0.002-60.464-25.254-63.68-57.59l-0.021-0.266-0.299-6.144v-234.667c0-23.564 19.103-42.667 42.667-42.667v0zM951.168 695.168c7.716-7.691 18.362-12.446 30.119-12.446 23.564 0 42.667 19.103 42.667 42.667 0 9.874-3.354 18.964-8.985 26.194l0.072-0.096-3.541 4.011-240.896 240.939c-11.583 11.591-27.59 18.761-45.271 18.761-15.375 0-29.483-5.421-40.518-14.456l0.114 0.090-4.864-4.395-112.896-112.939c-7.691-7.716-12.446-18.362-12.446-30.119 0-23.564 19.103-42.667 42.667-42.667 9.874 0 18.964 3.354 26.194 8.985l-0.096-0.072 4.011 3.541 97.835 97.792 225.835-225.792z","M341.333 341.333h128q42.667 0 42.667 42.667v0q0 42.667-42.667 42.667h-128q-42.667 0-42.667-42.667v0q0-42.667 42.667-42.667z","M341.333 512h341.333q42.667 0 42.667 42.667v0q0 42.667-42.667 42.667h-341.333q-42.667 0-42.667-42.667v0q0-42.667 42.667-42.667z","M341.333 682.667h128q42.667 0 42.667 42.667v0q0 42.667-42.667 42.667h-128q-42.667 0-42.667-42.667v0q0-42.667 42.667-42.667z"],"attrs":[{},{},{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_file_template"],"colorPermutations":{"1141141141731241731":[{},{},{},{},{}],"201201207124624724817277851":[{},{},{},{},{}],"10210210216868681":[{},{},{},{},{}]}},"attrs":[{},{},{},{},{}],"properties":{"order":29,"id":14,"name":"lk_file_template","prevSize":32,"code":59654},"setIdx":0,"setId":2,"iconIdx":52},{"icon":{"paths":["M517.292 1023.395c6.424 0.385 13.937 0.604 21.5 0.604 90.201 0 173.113-31.206 238.53-83.411l-0.77 0.593c58.416-51.248 95.095-126.048 95.095-209.415 0-4.236-0.095-8.45-0.282-12.64l0.021 0.596c0.069-2.107 0.108-4.584 0.108-7.071 0-61.379-23.975-117.159-63.071-158.485l0.101 0.107c-42.717-43.621-100.156-72.677-164.265-79.117l-1.123-0.091v-2.885c54.371-15.469 100.409-45.592 135.035-85.818l0.304-0.361c33.38-38.018 53.745-88.18 53.745-143.098 0-0.991-0.007-1.981-0.020-2.969l0.002 0.15c0.104-2.448 0.164-5.32 0.164-8.206 0-68.946-33.968-129.959-86.082-167.216l-0.623-0.423c-62.586-40.262-139-64.185-221.002-64.185-8.935 0-17.804 0.284-26.598 0.844l1.201-0.061h-348.084v1022.558h366.114zM436.702 182.031q194.776 0 194.776 111.421c0.045 1.166 0.070 2.534 0.070 3.909 0 37.706-19.227 70.921-48.412 90.376l-0.397 0.249c-34.366 21.421-76.091 34.121-120.782 34.121-4.444 0-8.86-0.126-13.242-0.373l0.608 0.027h-117.551v-239.729h104.99zM456.834 602.713c4.131-0.264 8.957-0.414 13.818-0.414 42.434 0 82.195 11.444 116.365 31.414l-1.094-0.591c27.575 17.492 45.613 47.857 45.613 82.435 0 1.19-0.021 2.375-0.064 3.555l0.005-0.171c0.044 1.137 0.069 2.471 0.069 3.811 0 35.923-17.99 67.645-45.453 86.646l-0.35 0.229c-32.469 20.732-72.057 33.044-114.521 33.044-4.322 0-8.614-0.128-12.872-0.379l0.587 0.028h-127.226v-239.428h125.183z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_font_bold"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":30,"id":13,"name":"lk_font_bold","prevSize":32,"code":59655},"setIdx":0,"setId":2,"iconIdx":53},{"icon":{"paths":["M413 637.5c-81.9 4.6-118.8-10.2-110.6-44.4 0-13.7 6.8-35.3 20.5-64.9 13.6-27.3 23.1-47.8 28.6-61.5h245.8c38.2 72.9 58.7 119.5 61.5 140 8.2 25.1-20.5 35.3-86 30.7v30.7h295v-30.7c-57.4 6.8-97-20.5-118.8-81.9l-229.4-491.6h-36.9l-213 481.4c-19.1 66-62.8 96.8-131.1 92.2v30.7h274.4v-30.7zM470.4 200.5l110.6 228.8h-217.1l106.5-228.8zM872.5 765.3h-728c-10.1 0-18.2 8.1-18.2 18.2v157.8c0 10 8.1 18.2 18.2 18.2h728c10.1 0 18.2-8.2 18.2-18.2v-157.8c0-10-8.2-18.2-18.2-18.2z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_font_color"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":31,"id":12,"name":"lk_font_color","prevSize":32,"code":59656},"setIdx":0,"setId":2,"iconIdx":54},{"icon":{"paths":["M832 96v64c0 17.673-14.327 32-32 32v0h-125.52l-160 640h93.52c17.673 0 32 14.327 32 32v0 64c0 17.673-14.327 32-32 32v0h-384c-17.673 0-32-14.327-32-32v0-64c0-17.673 14.327-32 32-32v0h125.52l160-640h-93.52c-17.673 0-32-14.327-32-32v0-64c0-17.673 14.327-32 32-32v0h384c17.673 0 32 14.327 32 32v0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_font_italic"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":32,"id":11,"name":"lk_font_italic","prevSize":32,"code":59657},"setIdx":0,"setId":2,"iconIdx":55},{"icon":{"paths":["M117.333 341.333c-0-17.673 14.327-32 32-32v0h426.667c17.673 0 32 14.327 32 32s-14.327 32-32 32v0h-426.667c-17.673 0-32-14.327-32-32h0zM768 405.333c-35.346 0-64-28.654-64-64s28.654-64 64-64v0c35.346 0 64 28.654 64 64s-28.654 64-64 64v0zM768 469.333c70.692 0 128-57.308 128-128s-57.308-128-128-128v0c-70.692 0-128 57.308-128 128s57.308 128 128 128v0zM928 682.667c0-17.673-14.327-32-32-32v0h-426.667c-17.673 0-32 14.327-32 32s14.327 32 32 32v0h426.667c17.673 0 32-14.327 32-32v0zM256 746.667c35.346 0 64-28.654 64-64s-28.654-64-64-64v0c-35.346 0-64 28.654-64 64s28.654 64 64 64v0zM256 810.667c-70.692 0-128-57.308-128-128s57.308-128 128-128v0c70.692 0 128 57.308 128 128s-57.308 128-128 128v0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_icon_config"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":33,"id":10,"name":"lk_icon_config","prevSize":32,"code":59658},"setIdx":0,"setId":2,"iconIdx":56},{"icon":{"paths":["M1038.494 0c35.446 0 64.276 28.751 64.276 64.276v377.935h-85.622v-356.588h-931.525v824.399h349.184v85.701h-370.53c-35.498 0-64.276-28.777-64.276-64.276v-867.249c0-35.367 28.751-64.197 64.276-64.197zM1043.85 564.775c32.532 0 58.919 26.388 58.919 58.841v310.508c-0 32.54-26.379 58.919-58.919 58.919h-422.912c-32.506-0.045-58.841-26.407-58.841-58.919 0-0 0-0 0-0l-0 0v-310.508c0-32.453 26.388-58.841 58.841-58.841zM1017.068 650.398h-369.27v256.945h369.428v-256.945zM252.455 192.591l128.788 128.709 116.972-116.972v294.439h-294.518l116.815-116.972-128.63-128.551 60.495-60.652z"],"attrs":[{}],"width":1102,"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_minimap"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":34,"id":9,"name":"lk_minimap","prevSize":32,"code":59659},"setIdx":0,"setId":2,"iconIdx":57},{"icon":{"paths":["M0 64h404.288l107.072 134.4h512.64v761.6h-1024v-896zM82.432 255.552v89.792h282.88l106.56 134.976h471.168v-90.56h-430.4l-108.416-134.208h-321.792z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_open"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":35,"id":8,"name":"lk_open","prevSize":32,"code":59660},"setIdx":0,"setId":2,"iconIdx":58},{"icon":{"paths":["M853.333 224h-53.333v-53.333c0-40.533-34.133-74.667-74.667-74.667h-554.667c-40.533 0-74.667 34.133-74.667 74.667v554.667c0 40.533 34.133 74.667 74.667 74.667h53.333v53.333c0 40.533 34.133 74.667 74.667 74.667h554.667c40.533 0 74.667-34.133 74.667-74.667v-554.667c0-40.533-34.133-74.667-74.667-74.667zM160 725.333v-554.667c0-6.4 4.267-10.667 10.667-10.667h554.667c6.4 0 10.667 4.267 10.667 10.667v554.667c0 6.4-4.267 10.667-10.667 10.667h-554.667c-6.4 0-10.667-4.267-10.667-10.667zM864 853.333c0 6.4-4.267 10.667-10.667 10.667h-554.667c-6.4 0-10.667-4.267-10.667-10.667v-53.333h437.333c40.533 0 74.667-34.133 74.667-74.667v-437.333h53.333c6.4 0 10.667 4.267 10.667 10.667v554.667z","M576 416h-96v-96c0-17.067-14.933-32-32-32s-32 14.933-32 32v96h-96c-17.067 0-32 14.933-32 32s14.933 32 32 32h96v96c0 17.067 14.933 32 32 32s32-14.933 32-32v-96h96c17.067 0 32-14.933 32-32s-14.933-32-32-32z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_plus_copy"],"colorPermutations":{"1141141141731241731":[{},{}],"201201207124624724817277851":[{},{}],"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":36,"id":7,"name":"lk_plus_copy","prevSize":32,"code":59661},"setIdx":0,"setId":2,"iconIdx":59},{"icon":{"paths":["M604.27 507.86l0.14-335.98 0.070-166.020c0-4.3 5.18-6.47 8.24-3.46l353.94 347.4c5.27 5.18 5.3 13.67 0.050 18.87l-354.27 351.36c-3.060 3.030-8.26 0.87-8.26-3.44l0.090-208.73z","M53.94 590.92c8.74-157.92 87.43-274.43 253.54-339.15 87.43-33.66 177.77-46.61 271.030-49.19 13.47 0 21.33-1.67 25.9-5.5l-0.14 298.21c-3.68-2.21-9.17-2.74-17.010-2.74-49.54 2.59-99.090 2.59-148.63 15.54-99.090 23.3-177.77 72.49-206.91 168.28-37.89 126.86 5.83 264.070 148.63 341.74 0 7.77-5.83 5.18-20.4 0-5.83 0-8.74-2.59-11.66-2.59-171.59-60.5-289.71-215.96-294.92-388.2v-23.43c0.12-4.32 0.3-8.64 0.57-12.97z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_recover"],"colorPermutations":{"1141141141731241731":[{},{}],"201201207124624724817277851":[{},{}],"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":37,"id":6,"name":"lk_recover","prevSize":32,"code":59662},"setIdx":0,"setId":2,"iconIdx":60},{"icon":{"paths":["M798.293 0.001h-712.959c-47.128-0-85.333 38.205-85.333 85.333l0 0v853.333c-0 47.128 38.205 85.333 85.333 85.333l0 0h853.333c47.128-0 85.333-38.205 85.333-85.333v0-712.959c0-0.073 0.001-0.16 0.001-0.247 0-11.721-4.726-22.338-12.377-30.049l0.003 0.003-183.040-183.040c-7.709-7.648-18.326-12.374-30.047-12.374-0.087 0-0.173 0-0.26 0.001l0.013-0zM213.333 76.801h597.333v179.2c0 23.564-19.103 42.667-42.667 42.667v0h-512c-23.564 0-42.667-19.103-42.667-42.667v0zM875.519 947.2h-725.333v-409.6c0-23.564 19.103-42.667 42.667-42.667v0h639.999c23.564 0 42.667 19.103 42.667 42.667v0z","M633.599 125.867h76.8v131.84h-76.8z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_save"],"colorPermutations":{"1141141141731241731":[{},{}],"201201207124624724817277851":[{},{}],"10210210216868681":[{},{}]}},"attrs":[{},{}],"properties":{"order":38,"id":5,"name":"lk_save","prevSize":32,"code":59663},"setIdx":0,"setId":2,"iconIdx":61},{"icon":{"paths":["M512 1024c-282.77 0-512-229.23-512-512s229.23-512 512-512v0c282.77 0 512 229.23 512 512s-229.23 512-512 512v0zM466.347 752.555c10.198 9.577 23.962 15.461 39.101 15.461 0.474 0 0.946-0.006 1.417-0.017l-0.070 0.001c0.289 0.005 0.631 0.007 0.973 0.007 15.608 0 29.913-5.58 41.028-14.853l-0.102 0.083c10.147-9.37 16.48-22.742 16.48-37.592 0-0.374-0.004-0.747-0.012-1.119l0.001 0.056c0.003-0.215 0.005-0.47 0.005-0.725 0-14.743-6.337-28.005-16.435-37.213l-0.040-0.036c-10.533-9.198-24.407-14.807-39.59-14.807-0.812 0-1.62 0.016-2.424 0.048l0.116-0.004c-0.691-0.030-1.502-0.048-2.317-0.048-14.717 0-28.119 5.627-38.172 14.848l0.042-0.038c-10.524 8.594-17.19 21.57-17.19 36.102 0 0.658 0.014 1.313 0.041 1.964l-0.003-0.093c0 15.872 5.717 28.587 17.152 37.973zM638.464 293.376c-29.44-24.832-68.864-37.291-118.187-37.291-54.869 0-98.56 14.763-130.987 44.288-32.427 29.099-48.555 69.888-48.555 122.368h85.248c0-30.464 6.229-53.675 18.688-69.632 14.933-18.773 38.4-28.16 70.315-28.16 25.941 0 45.909 6.571 59.904 19.712 12.972 13.427 20.965 31.736 20.965 51.912 0 1.040-0.021 2.075-0.063 3.105l0.005-0.148c-0.309 19.363-7.95 36.883-20.259 49.958l0.035-0.038-8.96 9.813c-48.896 40.789-78.080 70.571-87.552 89.344-9.984 18.261-14.933 41.216-14.933 68.864v9.899h86.016v-9.899c0-16.811 3.755-32.341 11.264-46.336 7.424-13.653 17.408-25.088 29.952-34.475 34.901-28.587 56.32-47.104 64.256-55.552 18.517-22.955 27.733-51.797 27.733-86.528 0-43.093-14.933-76.885-44.885-101.205z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_tips"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":39,"id":4,"name":"lk_tips","prevSize":32,"code":59664},"setIdx":0,"setId":2,"iconIdx":62},{"icon":{"paths":["M213.333 640h-85.333v170.667c0 46.933 38.4 85.333 85.333 85.333h170.667v-85.333h-170.667v-170.667zM213.333 213.333h170.667v-85.333h-170.667c-46.933 0-85.333 38.4-85.333 85.333v170.667h85.333v-170.667zM810.667 128h-170.667v85.333h170.667v170.667h85.333v-170.667c0-46.933-38.4-85.333-85.333-85.333zM810.667 810.667h-170.667v85.333h170.667c46.933 0 85.333-38.4 85.333-85.333v-170.667h-85.333v170.667zM512 384c-70.827 0-128 57.173-128 128s57.173 128 128 128 128-57.173 128-128-57.173-128-128-128z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_to_center"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":40,"id":3,"name":"lk_to_center","prevSize":32,"code":59665},"setIdx":0,"setId":2,"iconIdx":63},{"icon":{"paths":["M761.856 1024c113.728-206.048 132.896-520.32-313.856-509.824v253.824l-384-384 384-384v248.384c534.976-13.952 594.56 472.224 313.856 775.616z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_undo"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":41,"id":2,"name":"lk_undo","prevSize":32,"code":59666},"setIdx":0,"setId":2,"iconIdx":64},{"icon":{"paths":["M637 443h-118v-134c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v134h-118c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h118v134c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8v-134h118c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zM921 867l-146-146c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_zoom_in"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":42,"id":1,"name":"lk_zoom_in","prevSize":32,"code":59667},"setIdx":0,"setId":2,"iconIdx":65},{"icon":{"paths":["M637 443h-312c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h312c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zM921 867l-146-146c122.1-148.9 113.6-369.5-26-509-148-148.1-388.4-148.1-537 0-148.1 148.6-148.1 389 0 537 139.5 139.6 360.1 148.1 509 26l146 146c3.2 2.8 8.3 2.8 11 0l43-43c2.8-2.7 2.8-7.8 0-11zM696 696c-118.8 118.7-311.2 118.7-430 0-118.7-118.8-118.7-311.2 0-430 118.8-118.7 311.2-118.7 430 0 118.7 118.8 118.7 311.2 0 430z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["lk_zoom_out"],"colorPermutations":{"1141141141731241731":[{}],"201201207124624724817277851":[{}],"10210210216868681":[{}]}},"attrs":[{}],"properties":{"order":43,"id":0,"name":"lk_zoom_out","prevSize":32,"code":59668},"setIdx":0,"setId":2,"iconIdx":66}],"height":1024,"metadata":{"name":"icomoon"},"preferences":{"showGlyphs":true,"showQuickUse":true,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"icon-","metadata":{"fontFamily":"icomoon"},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false},"imagePref":{"prefix":"icon-","png":true,"useClassSelector":true,"color":0,"bgColor":16777215,"classSelector":".icon","name":"icomoon","height":32,"columns":16,"margin":16},"historySize":50,"showCodes":true,"gridSize":16}}
\ No newline at end of file
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/style.css b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/style.css
index 7c46483..965c537 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/style.css
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/icons/style.css
@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'icomoon';
-  src:  url('fonts/icomoon.eot?8dhkdr');
-  src:  url('fonts/icomoon.eot?8dhkdr#iefix') format('embedded-opentype'),
-    url('fonts/icomoon.ttf?8dhkdr') format('truetype'),
-    url('fonts/icomoon.woff?8dhkdr') format('woff'),
-    url('fonts/icomoon.svg?8dhkdr#icomoon') format('svg');
+  src:  url('fonts/icomoon.eot?5gmwxn');
+  src:  url('fonts/icomoon.eot?5gmwxn#iefix') format('embedded-opentype'),
+    url('fonts/icomoon.ttf?5gmwxn') format('truetype'),
+    url('fonts/icomoon.woff?5gmwxn') format('woff'),
+    url('fonts/icomoon.svg?5gmwxn#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -25,6 +25,21 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-lk_order_by:before {
+  content: "\e93e";
+}
+.icon-lk_search:before {
+  content: "\e93f";
+}
+.icon-lk_reduce:before {
+  content: "\e940";
+}
+.icon-lk_edit:before {
+  content: "\e941";
+}
+.icon-lk_add:before {
+  content: "\e942";
+}
 .icon-lk_cell_clear:before {
   content: "\e93b";
 }
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/index.vue b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/index.vue
index 3cbcfe3..50eea32 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/index.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/index.vue
@@ -1,42 +1,46 @@
+<!-- eslint-disable vue/this-in-template -->
 <template>
-
   <div>
+    <div>
+      <FlowContentMenu
+        v-model:visible="menuVisible"
+        :options="rightKeyMenu"
+        :position="menuPosition"
+        @on-menu-click="onMenuClick"/>
+      <FunctionPrompt v-if="that.editState"/>
+      <el-button v-if="that.editState" @click="previewData">预览</el-button>
+      <DesignPreviewDialog ref="designPreviewDialogRef" />
 
-    <FlowContentMenu
-      v-model:visible="menuVisible"
-      :options="rightKeyMenu"
-      :position="menuPosition"
-      @on-menu-click="onMenuClick"/>
-    <FunctionPrompt/>
-    <DynamicPropConfig ref="dynamicPropRef" @submit="submitProp"/>
-    <DraftDesignLayout
-      ref="draftDesignLayoutRef"
-      @on-add-node="onAddNode"
-      @on-change-page-config="changePageConfig"
-      @on-change-cell="onChangeCell"
-      @btn-change="btnChange"
-      @select-cell="selectCell"
-      @change-zoom="changeZoom">
+      <DynamicPropConfig ref="dynamicPropRef" @submit="submitProp"/>
+      <DraftDesignLayout
+        ref="draftDesignLayoutRef"
+        @add-node="onAddNode"
+        @change-page-config="changePageConfig"
+        @change-cell="onChangeCell"
+        @btn-change="btnChange"
+        @select-cell="selectCell"
+        @prop-list-change="propListChange"
+        @change-zoom="changeZoom">
 
-      <div>
         <div>
-          <div
-            :id="that.containerId"
-            :class="['main-container']"
-            :style="{ 'box-shadow': that.editState ? '0 0 10px 1px #eee;' : 'none',}">
+          <div>
+            <div
+              :id="that.containerId"
+              :class="['main-container']"
+              :style="{ 'box-shadow': that.editState ? '0 0 10px 1px #eee;' : 'none',}">
+            </div>
+<!--            <TeleportContainer/>-->
           </div>
-          <TeleportContainer/>
         </div>
-      </div>
-    </DraftDesignLayout>
+      </DraftDesignLayout>
+    </div>
   </div>
 
 </template>
 <script setup lang="ts" name="DraftDesign">
 //图稿设计器 DraftDesign
-import {ElTabs, ElTabPane, ElCollapseItem, ElButton} from "element-plus";
 
-import {Graph, DataUri} from '@antv/x6'
+import {Graph} from '@antv/x6'
 import {Scroller} from '@antv/x6-plugin-scroller'
 import {Snapline} from '@antv/x6-plugin-snapline'
 import {Transform} from '@antv/x6-plugin-transform'
@@ -46,25 +50,19 @@ import {Selection} from '@antv/x6-plugin-selection'
 import {Dnd} from '@antv/x6-plugin-dnd'
 import {Export} from '@antv/x6-plugin-export'
 import {Clipboard} from '@antv/x6-plugin-clipboard'
-import {graphOptions, ports, setDraftDesignState, ShapeType} from './config/index'
-import DraftDesignLibrary from './components/Library.vue'
-import NodePropConfig from './components/NodePropConfig.vue'
+import {graphOptions,  setDraftDesignState, ShapeType} from './config/index'
 import DraftDesignLayout from './components/layout/index.vue'
-import {provide, computed, watch, onMounted} from 'vue'
+import { computed, onMounted} from 'vue'
 import {
   nextId,
-  getSafeValue,
-  hexToRGBA,
   logInfo,
-  mergeDeepObject, objectHasKey, calculateVectorDifference
+  mergeDeepObject, objectHasKey,
 } from "@/components/DraftDesign/utils/FuncUtil";
-import {useDebounceFn} from '@vueuse/core'
-import {ElMessageBox} from 'element-plus'
+
 import {register, getTeleport} from '@antv/x6-vue-shape'
 
 import './icons/style.css'
-import PropConfigPanel from "@/components/DraftDesign/components/PropConfigPanel.vue";
-import {calcDpiFromSize} from "@/components/DraftDesign/utils/Dpi";
+
 import TextCellNode from "@/components/DraftDesign/components/node/TextCellNode.vue";
 import LineCellNode from "@/components/DraftDesign/components/node/LineCellNode.vue";
 import ShapeCellNode from "@/components/DraftDesign/components/node/ShapeCellNode.vue";
@@ -82,83 +80,90 @@ import ShapeRightTriangleNode
 import ShapeRightArrowNode from "@/components/DraftDesign/components/node/ShapeRightArrowNode.vue";
 import ShapeLozengeNode from "@/components/DraftDesign/components/node/ShapeLozengeNode.vue";
 import ShapeImageNode from "@/components/DraftDesign/components/node/ShapeImageNode.vue";
-import {forInRight} from "lodash-es";
 import {useMessage} from "@/hooks/web/useMessage";
-
-register({
-  shape: ShapeType.vueTextCell,
-  width: 80,
-  height: 80,
-  component: TextCellNode,
-})
-register({
-  shape: ShapeType.vueLineCell,
-  width: 80,
-  height: 80,
-  component: LineCellNode,
-})
-register({
-  shape: ShapeType.vueShapeCell,
-  width: 80,
-  height: 80,
-  component: ShapeCellNode,
-})
-register({
-  shape: ShapeType.vueShapeCircle,
-  width: 80,
-  height: 80,
-  component: ShapeCircleNode,
-})
-register({
-  shape: ShapeType.vueShapeEllipse,
-  width: 80,
-  height: 80,
-  component: ShapeEllipseNode,
-})
-register({
-  shape: ShapeType.vueShapeFivePointed,
-  width: 80,
-  height: 80,
-  component: ShapeFivePointedNode,
-})
-register({
-  shape: ShapeType.vueShapeRect,
-  width: 80,
-  height: 80,
-  component: ShapeRectNode,
-})
-register({
-  shape: ShapeType.vueShapeTriangle,
-  width: 80,
-  height: 80,
-  component: ShapeTriangleNode,
-})
-register({
-  shape: ShapeType.vueShapeRightTriangle,
-  width: 80,
-  height: 80,
-  component: ShapeRightTriangleNode,
-})
-register({
-  shape: ShapeType.vueShapeRightArrow,
-  width: 80,
-  height: 80,
-  component: ShapeRightArrowNode,
-})
-register({
-  shape: ShapeType.vueShapeLozenge,
-  width: 80,
-  height: 80,
-  component: ShapeLozengeNode,
-})
-register({
-  shape: ShapeType.vueShapeImage,
-  width: 80,
-  height: 80,
-  component: ShapeImageNode,
-})
+import DesignPreviewDialog from "@/components/DraftDesign/components/DesignPreviewDialog.vue";
+let regSate = false;
+const regNode = ()=>{
+  console.log("regNode", regSate)
+  if(!regSate){
+    regSate = true;
+    register({
+      shape: ShapeType.vueTextCell,
+      width: 80,
+      height: 80,
+      component: TextCellNode,
+    })
+    register({
+      shape: ShapeType.vueLineCell,
+      width: 80,
+      height: 80,
+      component: LineCellNode,
+    })
+    register({
+      shape: ShapeType.vueShapeCell,
+      width: 80,
+      height: 80,
+      component: ShapeCellNode,
+    })
+    register({
+      shape: ShapeType.vueShapeCircle,
+      width: 80,
+      height: 80,
+      component: ShapeCircleNode,
+    })
+    register({
+      shape: ShapeType.vueShapeEllipse,
+      width: 80,
+      height: 80,
+      component: ShapeEllipseNode,
+    })
+    register({
+      shape: ShapeType.vueShapeFivePointed,
+      width: 80,
+      height: 80,
+      component: ShapeFivePointedNode,
+    })
+    register({
+      shape: ShapeType.vueShapeRect,
+      width: 80,
+      height: 80,
+      component: ShapeRectNode,
+    })
+    register({
+      shape: ShapeType.vueShapeTriangle,
+      width: 80,
+      height: 80,
+      component: ShapeTriangleNode,
+    })
+    register({
+      shape: ShapeType.vueShapeRightTriangle,
+      width: 80,
+      height: 80,
+      component: ShapeRightTriangleNode,
+    })
+    register({
+      shape: ShapeType.vueShapeRightArrow,
+      width: 80,
+      height: 80,
+      component: ShapeRightArrowNode,
+    })
+    register({
+      shape: ShapeType.vueShapeLozenge,
+      width: 80,
+      height: 80,
+      component: ShapeLozengeNode,
+    })
+    register({
+      shape: ShapeType.vueShapeImage,
+      width: 80,
+      height: 80,
+      component: ShapeImageNode,
+    })
+  }
+}
 const TeleportContainer = defineComponent(getTeleport());
 
+// @ts-nocheck
 const emit = defineEmits(["save"])
 const {t} = useI18n() // 国际化
 let graph: Graph = null
@@ -166,12 +171,15 @@ let history = null
 let dnd = null
 let selector = null
 const draftDesignLayoutRef = ref();
+const designPreviewDialogRef = ref();
 const that = reactive({
   containerId: nextId(),
+  containerDiv: null,
   editState: false,
   selectedCellsList: [],
   currentGraphZoom: 1,
   selectedNode: {},
+  previewUrl: '',
   pageConfig: {
     editArea: {
       width: 100,
@@ -186,6 +194,7 @@ const that = reactive({
       opacity: 1,
       angle: 20,
       color: '#eeeaec',
+      areaColor: '#fff'
     },
     autoSetNodeGroup: false, // 节点自动组成一个组合
     showLinePort: true, // 显示连线桩
@@ -194,7 +203,8 @@ const that = reactive({
     onLoadZoom: 1, // 首次加载zoom
     fitView: true,
     autoResize: false,
-    propList: [], // 属性类别
+    propList: [], // 配置属性列表
+    propOrderByList: [], // 属性排序信息
     propDefault: {}, // 属性默认值
   },
 
@@ -221,73 +231,7 @@ const rightKeyMenu = computed(() => {
   const arr = []
 
   if (menuType.value === 'node' && that.selectedCellsList.length > 0) {
-    arr.push({
-      value: 'setGroup',
-      icon: 'icon-lk_cell_add',
-      disabled: disabledMenu.value,
-      label: '设为属性',
-      handler: (item) => {
-        const cells = that.selectedCellsList
-        if (cells.length === 0) {
-          useMessage().warning(`没有选中元素`)
-        }
-        for (let i = 0; i < cells.length; i++) {
-          const cellInfo = cells[i];
-          const cellData = cells[i].getData();
-          let tmpPoint = []
-          let groupId = `g_${Math.random().toString(36).substring(2)}`
-          if (cellData.propGroupId) {
-            // 节点已有group
-            groupId = cellData.propGroupId
-          }
-          let href = '';
-          let label = '';
-          let groupName = `${cellData.label}`
-          if (!groupName && cellInfo.shape === ShapeType.vueShapeImage) {
-            groupName = cellData.style.shape.label;
-            href = cellData.style.shape.href;
-          } else {
-            label = cellData.label
-          }
-          if (!groupName) {
-            groupName = '未命名组'
-          }
-          let info = {
-            data: {
-              ...cellData,
-              width: cellInfo.width,
-              height: cellInfo.height,
-              propGroupId: groupId,
-              propGroupName: groupName,
-            },
-            shape: cellInfo.shape,
-          }
-          tmpPoint.push({
-            ...cellInfo.position(),
-            angle: cellInfo.angle(),
-            size: {...cellInfo.size()},
-            zIndex: cellInfo.zIndex,
-            cellId: cellInfo.id,
-            dataInfo: {
-              url: href, // 图片
-              label: label // 文本
-            }
-          })
-          // 移除已经存在的属性
-          removeGroup(groupId)
-          that.pageConfig.propList.push({
-            groupId: groupId,
-            groupName: groupName,
-            data: info.data, //节点是数据
-            shape: info.shape,
-            pointList: [...tmpPoint],
-          })
-          markGroup(cellInfo, groupId, groupName)
 
-        }
-
-      }
-    })
     arr.push({
       value: 'clearGroup',
       icon: 'icon-lk_cell_clear',
@@ -307,21 +251,67 @@ const rightKeyMenu = computed(() => {
         }
       }
     })
-    if(that.selectedCellsList.length > 1){
+    const tmpList = that.selectedCellsList
+
+    let imageCount = 0;
+    let textCount = 0;
+    if (that.selectedCellsList.length === 2) {
+      for (let i = 0; i < tmpList.length; i++) {
+        if (tmpList[i].shape === ShapeType.vueShapeImage || tmpList[i].shape === ShapeType.vueTextCell) {
+          if (tmpList[i].shape === ShapeType.vueShapeImage) {
+            imageCount++;
+          } else {
+            textCount++;
+          }
+        }
+      }
+    }
+    if (imageCount === 1 && textCount === 1) {
       arr.push({
         value: 'mergeGroup',
-        icon: 'icon-lk_cell_tree',
+        icon: 'icon-lk_cell_add',
         disabled: disabledMenu.value,
-        label: '设为属性组',
+        label: '组合属性',
         handler: (item) => {
           const cells = that.selectedCellsList
           if (cells.length === 0) {
             useMessage().warning(`没有选中元素`)
           }
-          handlerGroupList(cells)
+          let arr = [
+            cells[0],
+            cells[1]
+          ]
+          if (cells[0].shape === ShapeType.vueShapeImage) {
+            arr[0] = cells[1]
+            arr[1] = cells[0]
+          }
+          handlerGroupList(arr, true,2,2)
+        }
+      })
+    } else if (that.selectedCellsList.length > 0) {
+      arr.push({
+        value: 'mergeGroup',
+        icon: 'icon-lk_cell_tree',
+        disabled: disabledMenu.value,
+        label: '设为属性项',
+        handler: (item) => {
+          const cells = that.selectedCellsList
+          if (cells.length === 0) {
+            useMessage().warning(`没有选中元素`)
+          }
+          let m = 1;
+          let max = 100;
+          for (let i = 0; i < that.pageConfig.propList.length; i++) {
+            if (that.pageConfig.propList[i].groupId === cells[0].getData().propGroupId) {
+              max = that.pageConfig.propList[i].maxSize || 100
+              break;
+            }
+          }
+          handlerGroupList(cells, false,m,max)
         }
       })
     }
+
   }
 
   arr.push({
@@ -409,25 +399,60 @@ const rightKeyMenu = computed(() => {
   return arr;
 });
 
-const clearData = ()=>{
-  if(graph){
+const clearData = () => {
+  console.log("clearData",graph)
+  if (graph) {
     graph.fromJSON({})
+    graph.dispose()
   }
 }
+const maxSize = 1800;
 /**
- *
+ * initBegin
  * @param isDesignMode
  * @param bgConfig
  * @param data
  * @param propDataInfo { '组id': [{href: '', label: ''},{href: '', label: ''}]}
  */
 const init = (isDesignMode: boolean, bgConfig: any, data = {}, propDataInfo = {}) => {
+  clearData()
+  regNode();
   that.editState = isDesignMode
+  if (!bgConfig) {
+    bgConfig = {
+      editArea: {
+        width: 100,
+        height: 100,
+      },
+      background: {
+        showWatermark: false,
+        image: ``,
+        repeat: 'no-repeat',
+        position: 'center',
+        size: 'auto auto',
+        opacity: 1,
+        angle: 20,
+        color: '#F5F7FD',
+      },
+    }
+  }
   setDraftDesignState(that.editState);
-  that.pageConfig = mergeDeepObject({
+  that.pageConfig = {
+    autoSetNodeGroup: false, // 节点自动组成一个组合
+    showLinePort: true, // 显示连线桩
+    preLineConfigInfo: undefined,
+    onLoadCenterCellId: '', // 首次加载的中心
+    onLoadZoom: 4, // 首次加载zoom
+    fitView: true,
+    autoResize: false,
+    propList: [],
+    propOrderByList: [], // 属性排序信息
+    propDefault: {}, // 属性默认值
+    ...bgConfig,
     editArea: {
       width: 100,
-      height: 300,
+      height: 100,
+      ...bgConfig.editArea || {}
     },
     background: {
       showWatermark: false,
@@ -437,43 +462,26 @@ const init = (isDesignMode: boolean, bgConfig: any, data = {}, propDataInfo = {}
       size: 'auto auto',
       opacity: 1,
       angle: 20,
-      color: '#eeeaec',
+      color: '#F5F7FD',
+      ...bgConfig.background || {}
     },
-    autoSetNodeGroup: false, // 节点自动组成一个组合
-    showLinePort: true, // 显示连线桩
-    preLineConfigInfo: undefined,
-    onLoadCenterCellId: '', // 首次加载的中心
-    onLoadZoom: 1, // 首次加载zoom
-    fitView: true,
-    autoResize: false,
-    propList: [],
-  }, bgConfig) as any
+  } as any
   let options = {
     ...graphOptions(that.containerId, !that.editState),
     ...that.pageConfig,
-    translating: {
-      restrict: {
-        x: 22,
-        y: 22,
-        width: that.pageConfig.editArea.width * 10,
-        height: that.pageConfig.editArea.height * 10,
-      },
-    },
-    width: 16000,
-    height: 16000,
+    width: maxSize,
+    height: maxSize,
   }
-
   graph = new Graph(options)
-
 // 画布拖动组件
   graph.use(
     new Scroller({
       enabled: true,
-      pageVisible: false, // 是否分页
+      pageVisible: true, // 是否分页
       pageBreak: false,
       pannable: true,// 是否平移
-      pageWidth: that.pageConfig.editArea.width * 10,
-      pageHeight: that.pageConfig.editArea.height * 10,
+      // pageWidth: that.pageConfig.editArea.width * 10,
+      // pageHeight: that.pageConfig.editArea.height * 10,
       // modifiers: ['ctrl', 'meta'],
     }),
   )
@@ -533,6 +541,10 @@ const init = (isDesignMode: boolean, bgConfig: any, data = {}, propDataInfo = {}
     // 拖拽
     dnd = new Dnd({
       target: graph,
+      validateNode: function (node) {
+        console.log("validateNode", node)
+        return true
+      }
     })
     // 多选
     graph.use(
@@ -558,11 +570,35 @@ const init = (isDesignMode: boolean, bgConfig: any, data = {}, propDataInfo = {}
 
     graph.on('cell:mouseleave', ({cell}) => {
     })
-
+    graph.on('node:moving', (args) => {
+      const node = args.node;
+      const {x, y} = node.getPosition();
+      // console.log("2@@@",x,y)
+      // let moveX = Math.min(x,6);
+      // let moveY = Math.min(y,6);
+      // node.setPosition(moveX, moveY);
+      // if (!isInAllowedAreaForMoving(x, y)) {
+      //   // 将节点位置调整回合法位置
+      //   node.positionAt(fixX(x), fixY(y));
+      // }
+    });
     graph.on('node:selected', (e) => {
       const {cell, node} = e
       setSelectNode(node)
       that.selectedCellsList = graph.getSelectedCells()
+
+
+      if (that.containerDiv) {
+        setTimeout(() => {
+          const transform = that.containerDiv.querySelector(".x6-widget-transform")
+          console.log("transform", transform)
+          if (transform) {
+            transform.style.zIndex = 100
+          }
+        }, 100)
+
+      }
+
     })
     graph.on('cell:changed', ({cell}) => {
       // setSelectNode(cell)
@@ -575,7 +611,7 @@ const init = (isDesignMode: boolean, bgConfig: any, data = {}, propDataInfo = {}
       if (node) {
         setSelectNode(node)
       }
-      if(that.editState){
+      if (that.editState) {
         menuPosition.top = event.e.clientY;
         menuPosition.left = event.e.clientX;
         menuVisible.value = true;
@@ -585,7 +621,7 @@ const init = (isDesignMode: boolean, bgConfig: any, data = {}, propDataInfo = {}
     })
     graph.on('blank:contextmenu', (event) => {
       menuType.value = "blank"
-      if(that.editState){
+      if (that.editState) {
         menuPosition.top = event.e.clientY;
         menuPosition.left = event.e.clientX;
         menuVisible.value = true;
@@ -600,28 +636,76 @@ const init = (isDesignMode: boolean, bgConfig: any, data = {}, propDataInfo = {}
       updateBtnState();
 
     })
+    draftDesignLayoutRef.value.updatePropList(orderByPropList())
   }
-
-  graph.on('scale', ({sx, sy, ox, oy}) => {
+  graph.on('scale', () => {
     addDrawRuler()
     draftDesignLayoutRef.value.updateZoom(graph.zoom());
   })
-
+  console.log("init",data)
   // 默认数据
-  graph.fromJSON(data) // 渲染元素
+  graph.fromJSON( {...data}) // 渲染元素
+
   // 加载属性组信息
-  console.log("init_pageConfig", that.pageConfig)
   if (!that.editState) {
+    //使用导出插件
+    graph.use(new Export())
     // 查看时候加载属性数据
     setPropList(propDataInfo)
   }
+  that.containerDiv = document.getElementById(that.containerId);
+
   addDrawRuler()
+
   changeZoom(that.pageConfig.onLoadZoom)
   draftDesignLayoutRef.value.updateZoom(graph.zoom());
   updateBtnState();
+
   draftDesignLayoutRef.value.updatePageConfig(that.pageConfig);
   draftDesignLayoutRef.value.setGraph(graph);
+
+  // 840
+  graph.setScrollbarPosition(maxSize + (280 * that.currentGraphZoom) - 180, maxSize + (280 * that.currentGraphZoom) - 180)
+
+  const svg = that.containerDiv?.querySelector("svg")
+  if (svg) {
+    svg.style.zIndex = 10
+  }
   logInfo('初始完成')
+
+}
+// initEnd
+const toPngUrl = (callback: (url: string) => void, options?: {
+  width: number,
+  height: number,
+  widthScale: number,
+  heightScale: number,
+  padding: {
+    top: number,
+    left: number,
+    right: number,
+    bottom: number
+  }
+}) => {
+  let widthScale = options && options.widthScale ? options.widthScale : 5
+  let heightScale = options && options.heightScale ? options.heightScale : 5
+
+  graph.toPNG((dataUri) => {
+    that.previewUrl = dataUri;
+    callback(that.previewUrl)
+  }, {
+    backgroundColor: that.pageConfig.background.areaColor,
+    width: that.pageConfig.width * (widthScale),
+    height: that.pageConfig.height * (heightScale),
+    padding: {
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0
+    },
+    quality: 1,
+    ...options
+  })
 }
 const setPropList = (propDataInfo) => {
   const keys = Object.keys(propDataInfo)
@@ -630,12 +714,12 @@ const setPropList = (propDataInfo) => {
     let list = [];
     // 获取这个
     for (let i = 0; i < that.pageConfig.propList.length; i++) {
-      console.log("that.pageConfig.propList[i]",that.pageConfig.propList[i])
       if (that.pageConfig.propList[i].groupId === groupId) {
         list = that.pageConfig.propList[i].pointList
         break;
       }
     }
+    console.log("list", list)
     let useId = []
     const len = Math.min(propDataInfo[groupId].dataInfo.length, list.length)
     for (let j = 0; j < len; j++) {
@@ -689,7 +773,19 @@ const initBindKey = () => {
     handlerCopy();
     return false
   })
+  graph.bindKey('meta+s', 'ctrl+s', function(event) {
+    return false;
+  });
 
+  document.addEventListener('keydown', function(event) {
+    if (event.ctrlKey && event.key === 's') {
+      event.preventDefault();
+      // 这里处理 Ctrl+S 被按下的逻辑
+      const data = getJson();
+      emit("save", data);
+      console.log("doSave")
+    }
+  });
   graph.use(
     new History({
       enabled: true,
@@ -795,9 +891,7 @@ const initBindKey = () => {
 }
 // 复制
 const handlerCopy = () => {
-  console.log("handlerCopy", graph)
   const cells = graph.getSelectedCells()
-
   if (cells.length > 0) {
     graph.copy(cells)
     localStorage.setItem("copy_cell_info_data", JSON.stringify([...cells]))
@@ -815,37 +909,32 @@ const handlerPaste = () => {
 const setSelectNode = (val) => {
   const node = graph.getCellById(val.id)
   that.selectedNode = JSON.parse(JSON.stringify(node.store.data))
-  console.log("that.selectedNode", that.selectedNode)
   draftDesignLayoutRef.value.selectedNode(that.selectedNode);
 }
 const getDeviceDPI = () => {
-  let dpi = calcDpiFromSize(); // 默认值 96dpi
-  return dpi;
+  // let dpi = calcDpiFromSize(); // 默认值 96dpi
+  // console.log("dpi",dpi)
+  return 96;
 }
-
 let rulerContainer = document.createElement('div');
 const addDrawRuler = () => {
-  const container = document.getElementById(that.containerId);
-  // setTimeout(()=>{
-  //   container.style.top = 0;
-  //   container.style.left = 0;
-  //   // graph.scrollToPoint(-1000, null)
-  // },600)
-  const zoom = graph.zoom();
-  const clientWidth = (that.pageConfig.editArea.width * getDeviceDPI() / 25.4) * zoom;
-  const clientHeight = (that.pageConfig.editArea.height * getDeviceDPI() / 25.4) * zoom;
+
   // 计算每个像素对应的毫米数
   const dpi = getDeviceDPI();
   const mmPerInch = 25.4; // 1 英寸 = 25.4 毫米
-  const pixelsPerMm = dpi / mmPerInch * zoom;
+  const zoom = (graph.zoom());
+  const clientWidth = (that.pageConfig.editArea.width * dpi / mmPerInch) * zoom;
+  const clientHeight = (that.pageConfig.editArea.height * dpi / mmPerInch) * zoom;
+  const pixelsPerMm = (dpi / mmPerInch) * zoom;
   rulerContainer.remove()
   // 创建标尺的容器
   rulerContainer = document.createElement('div');
-  rulerContainer.style.position = 'absolute';
-  rulerContainer.style.top = '0';
-  rulerContainer.style.left = '0';
+  rulerContainer.style.position = 'relative';
+  rulerContainer.style.top = 250 * zoom + 'px';
+  rulerContainer.style.left = 250 * zoom + 'px';
   rulerContainer.style.width = '100%';
   rulerContainer.style.height = '100%';
+  rulerContainer.style.zIndex = '0'; // 置底
   rulerContainer.style.pointerEvents = 'none'; // 确保不阻挡画布操作
 
   // 创建背景 Canvas
@@ -853,100 +942,103 @@ const addDrawRuler = () => {
   backgroundCanvas.width = clientWidth;
   backgroundCanvas.height = clientHeight;
   backgroundCanvas.style.position = 'absolute';
-  backgroundCanvas.style.top = '20px'; // 与左侧标尺对齐
-  backgroundCanvas.style.left = '20px'; // 与顶部标尺对齐
-  backgroundCanvas.style.zIndex = '0'; // 置底
-  // backgroundCanvas.style.backgroundColor
-  backgroundCanvas.style.boxShadow = `1px 1px 2px rgb(0, 255, 0)`;
+  backgroundCanvas.style.top = '0px'; // 与左侧标尺对齐
+  backgroundCanvas.style.left = '0px'; // 与顶部标尺对齐
+  backgroundCanvas.style.zIndex = '-1'; // 置底
+  backgroundCanvas.style.backgroundColor = that.pageConfig.background.areaColor
+  backgroundCanvas.style.boxShadow = `1px 1px 2px 2px rgb(0, 255, 0)`;
   backgroundCanvas.style.pointerEvents = 'none';
   rulerContainer.appendChild(backgroundCanvas);
+  if (that.editState) {
+    // 创建顶部标尺
+    const topRuler = document.createElement('canvas');
+    topRuler.width = clientWidth + 80 // 减去背景 Canvas 的宽度
+    topRuler.height = 20; // 标尺高度
+    topRuler.style.position = 'absolute';
+    topRuler.style.top = '-22px';
+    topRuler.style.left = '0px'; // 预留左侧标尺位置
+    topRuler.style.borderBottom = '1px solid #ccc'; // 底部边框样式
+    topRuler.style.backgroundColor = '#f5f5f5'; // 背景颜色
+    topRuler.style.zIndex = '0'; // 置于背景之上
+    rulerContainer.appendChild(topRuler);
 
-  // 创建顶部标尺
-  const topRuler = document.createElement('canvas');
-  topRuler.width = clientWidth + 20 // 减去背景 Canvas 的宽度
-  topRuler.height = 20; // 标尺高度
-  topRuler.style.position = 'absolute';
-  topRuler.style.top = '0';
-  topRuler.style.left = '20px'; // 预留左侧标尺位置
-  topRuler.style.borderBottom = '1px solid #ccc'; // 底部边框样式
-  topRuler.style.backgroundColor = '#f5f5f5'; // 背景颜色
-  topRuler.style.zIndex = '0'; // 置于背景之上
-  rulerContainer.appendChild(topRuler);
+    // 创建左侧标尺
+    const leftRuler = document.createElement('canvas');
+    leftRuler.width = 20; // 标尺宽度
+    leftRuler.height = clientHeight + 80; // 减去背景 Canvas 的高度
+    leftRuler.style.position = 'absolute';
+    leftRuler.style.top = '0px'; // 预留顶部标尺位置
+    leftRuler.style.left = '-22px';
+    leftRuler.style.borderRight = '1px solid #ccc'; // 右侧边框样式
+    leftRuler.style.backgroundColor = '#f5f5f5'; // 背景颜色
+    leftRuler.style.zIndex = '1'; // 置于背景之上
+    rulerContainer.appendChild(leftRuler);
 
-  // 创建左侧标尺
-  const leftRuler = document.createElement('canvas');
-  leftRuler.width = 20; // 标尺宽度
-  leftRuler.height = clientHeight + 20; // 减去背景 Canvas 的高度
-  leftRuler.style.position = 'absolute';
-  leftRuler.style.top = '20px'; // 预留顶部标尺位置
-  leftRuler.style.left = '0';
-  leftRuler.style.borderRight = '1px solid #ccc'; // 右侧边框样式
-  leftRuler.style.backgroundColor = '#f5f5f5'; // 背景颜色
-  leftRuler.style.zIndex = '1'; // 置于背景之上
-  rulerContainer.appendChild(leftRuler);
+    // 将标尺容器添加到主容器中
+    that.containerDiv.appendChild(rulerContainer);
 
-  // 将标尺容器添加到主容器中
-  container.appendChild(rulerContainer);
+    // 绘制标尺
+    const drawRuler = (canvas, orientation) => {
+      const ctx = canvas.getContext('2d');
 
-  // 绘制标尺
-  const drawRuler = (canvas, orientation) => {
-    const ctx = canvas.getContext('2d');
+      // 清空画布内容
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
 
-    // 清空画布内容
-    ctx.clearRect(0, 0, canvas.width, canvas.height);
+      // 绘制刻度线和刻度值
+      ctx.font = '10px Arial'; // 刻度值字体
+      ctx.fillStyle = '#000'; // 刻度值颜色
+      if (orientation === 'horizontal') {
+        for (let i = 0; i < canvas.width; i += pixelsPerMm) {
+          ctx.beginPath();
+          ctx.moveTo(i, 20); // 起点从底部开始
 
-    // 绘制刻度线和刻度值
-    ctx.font = '10px Arial'; // 刻度值字体
-    ctx.fillStyle = '#000'; // 刻度值颜色
+          // 设置刻度线长度和颜色
+          if (Math.round(i / pixelsPerMm) % 10 === 0) { // 每10毫米显示完整刻度线和刻度值
+            ctx.strokeStyle = '#000'; // 深色刻度线
+            ctx.lineTo(i, 0);
+            ctx.fillText((i / pixelsPerMm).toFixed(0), i + 2, 18);
+          } else if (Math.round(i / pixelsPerMm) % 5 === 0) { // 每5毫米显示半长刻度线
+            ctx.strokeStyle = '#ccc'; // 浅色刻度线
+            ctx.lineTo(i, 10);
+          } else { // 其他显示为五分之一长刻度线
+            ctx.strokeStyle = '#ccc'; // 浅色刻度线
+            ctx.lineTo(i, 16);
+          }
 
-    if (orientation === 'horizontal') {
-      for (let i = 0; i < canvas.width; i += pixelsPerMm) {
-        ctx.beginPath();
-        ctx.moveTo(i, 20); // 起点从底部开始
-
-        // 设置刻度线长度和颜色
-        if (Math.round(i / pixelsPerMm) % 10 === 0) { // 每10毫米显示完整刻度线和刻度值
-          ctx.strokeStyle = '#000'; // 深色刻度线
-          ctx.lineTo(i, 0);
-          ctx.fillText((i / pixelsPerMm).toFixed(0), i + 2, 18);
-        } else if (Math.round(i / pixelsPerMm) % 5 === 0) { // 每5毫米显示半长刻度线
-          ctx.strokeStyle = '#ccc'; // 浅色刻度线
-          ctx.lineTo(i, 10);
-        } else { // 其他显示为五分之一长刻度线
-          ctx.strokeStyle = '#ccc'; // 浅色刻度线
-          ctx.lineTo(i, 16);
+          ctx.stroke();
         }
+      } else {
+        for (let i = 0; i < canvas.height; i += pixelsPerMm) {
+          ctx.beginPath();
+          ctx.moveTo(20, i); // 起点从右侧开始
 
-        ctx.stroke();
-      }
-    } else {
-      for (let i = 0; i < canvas.height; i += pixelsPerMm) {
-        ctx.beginPath();
-        ctx.moveTo(20, i); // 起点从右侧开始
+          // 设置刻度线长度和颜色
+          if (Math.round(i / pixelsPerMm) % 10 === 0) { // 每10毫米显示完整刻度线和刻度值
+            ctx.strokeStyle = '#000'; // 深色刻度线
+            ctx.lineTo(0, i);
+            ctx.fillText((i / pixelsPerMm).toFixed(0), 2, i + 10);
+          } else if (Math.round(i / pixelsPerMm) % 5 === 0) { // 每5毫米显示半长刻度线
+            ctx.strokeStyle = '#ccc'; // 浅色刻度线
+            ctx.lineTo(10, i);
+          } else { // 其他显示为五分之一长刻度线
+            ctx.strokeStyle = '#ccc'; // 浅色刻度线
+            ctx.lineTo(16, i);
+          }
 
-        // 设置刻度线长度和颜色
-        if (Math.round(i / pixelsPerMm) % 10 === 0) { // 每10毫米显示完整刻度线和刻度值
-          ctx.strokeStyle = '#000'; // 深色刻度线
-          ctx.lineTo(0, i);
-          ctx.fillText((i / pixelsPerMm).toFixed(0), 2, i + 10);
-        } else if (Math.round(i / pixelsPerMm) % 5 === 0) { // 每5毫米显示半长刻度线
-          ctx.strokeStyle = '#ccc'; // 浅色刻度线
-          ctx.lineTo(10, i);
-        } else { // 其他显示为五分之一长刻度线
-          ctx.strokeStyle = '#ccc'; // 浅色刻度线
-          ctx.lineTo(16, i);
+          ctx.stroke();
         }
-
-        ctx.stroke();
       }
-    }
-  };
-
-  drawRuler(topRuler, 'horizontal');
-  drawRuler(leftRuler, 'vertical');
+    };
+    drawRuler(topRuler, 'horizontal');
+    drawRuler(leftRuler, 'vertical');
+  } else {
+    // 将标尺容器添加到主容器中
+    that.containerDiv.appendChild(rulerContainer);
+  }
 };
 
 onMounted(() => {
+
   // const r = localStorage.getItem("tem_data")
   // if (r) {
   //   const conf = JSON.parse(r)
@@ -977,14 +1069,14 @@ const btnEventHandler = {
     }
   },
   'canSave': (val) => {
-    const data =  getJson();
-    emit("save",data);
+    const data = getJson();
+    emit("save", data);
     console.log("doSave")
   },
   'clearData': (val) => {
-    useMessage().confirm("是否清空数据?").then((res)=>{
-      if(res){
-        clearData()
+    useMessage().confirm("是否清空数据?").then((res) => {
+      if (res) {
+        graph.fromJSON({})
       }
     })
   }
@@ -999,21 +1091,38 @@ const getJson = () => {
   // propDefault
   let propDefault = {};
   for (let i = 0; i < that.pageConfig.propList.length; i++) {
-    const prop = that.pageConfig.propList[i];
+    const prop = that.pageConfig.propList[i] as any;
     let dataInfoList = [];
 
     for (let j = 0; j < prop.pointList.length; j++) {
-      dataInfoList.push( prop.pointList[j].dataInfo)
+      dataInfoList.push(prop.pointList[j].dataInfo)
+    }
+    let min = prop.minSize ? prop.minSize : 1;
+    let max = prop.maxSize ? prop.maxSize : dataInfoList.length;
+    let combo =  prop.isCombo === undefined ? false : prop.isCombo;
+    let canChange = prop.canChange === undefined ? false : prop.canChange;
+    let canInput = prop.canInput === undefined ? false : prop.canInput;
+
+    if (combo){
+      min = dataInfoList.length;
+      max = dataInfoList.length;
+      canChange = false;
     }
     propDefault[prop.groupId] = {
-      groupName:prop.groupName,
-      shape:prop.shape,
+      groupName: prop.groupName,
+      isCombo:combo,
+      minSize: min,
+      maxSize: max,
+      canChange: canChange,
+      canInput: canInput,
+      shape: prop.shape,
       dataInfo: dataInfoList
     }
   }
   that.pageConfig.propDefault = propDefault
+  that.pageConfig.onLoadZoom = that.currentGraphZoom;
   that.jsonData.pageConfig = that.pageConfig
-  console.log("that.jsonData", that.jsonData)
+  console.log("that.jsonData", that.pageConfig.propDefault)
   localStorage.setItem("tem_data", JSON.stringify(that.jsonData))
   return that.jsonData
 }
@@ -1071,16 +1180,16 @@ const changePageConfig = (conf) => {
 
 // 获取当前的配置
   const currentOptions = graph.options;
-  currentOptions.translating = {
-    restrict: {
-      x: 22,
-      y: 22,
-      width: that.pageConfig.editArea.width * 10,
-      height: that.pageConfig.editArea.height * 10,
-    },
-  };
+  // currentOptions.translating = {
+  //   restrict: {
+  //     x: -22,
+  //     y: -22,
+  //     width: that.pageConfig.editArea.width * 10,
+  //     height: that.pageConfig.editArea.height * 10,
+  //   },
+  // };
   console.log("changePageConfig", graph.options)
-  graph.drawBackground({...that.pageConfig.background})
+  // graph.drawBackground({...that.pageConfig.background})
   addDrawRuler()
 }
 // 对齐
@@ -1111,7 +1220,7 @@ const alignAtTo = (alignAt: 'horizontal' | 'vertical') => {
   }
 }
 const onAddNode = (e, item) => {
-  if(!that.editState){
+  if (!that.editState) {
     useMessage().warning("请在设计模式下操作");
     return
   }
@@ -1156,20 +1265,28 @@ const onAddNode = (e, item) => {
 
 }
 const selectCell = (item) => {
+
   const cellById = graph.getCellById(item.id);
   if (cellById) {
     graph.resetSelection(cellById)
     setSelectNode(cellById)
+    console.log("dddd", cellById.getProp())
+    const {x, y} = cellById.getPosition()
+    graph.setScrollbarPosition(maxSize + (x * that.currentGraphZoom) - 180, maxSize + (y * that.currentGraphZoom) - 180)
+
   }
 }
 
 const changeZoom = (val) => {
-  if (val < 0.3 || val > 10) {
+  if (val < 0.5 || val > 10) {
     return
   }
-  console.log("val", val)
-  that.currentGraphZoom = val
-  graph.zoomTo(val)
+  that.currentGraphZoom = +val
+  graph.zoomTo(+val)
+  // graph.zoomToFit({ maxScale: 1 })
+  // graph.centerContent()
+  addDrawRuler()
+
 }
 
 const markGroup = (cellInfo, groupId, groupName) => {
@@ -1180,31 +1297,39 @@ const markGroup = (cellInfo, groupId, groupName) => {
     propGroupName: groupName,
   })
 }
-const handlerGroupList = (cells) => {
+const handlerGroupList = (cells, isCombo = false,min,max) => {
 
   let tmpPoint = []
   let info = undefined;
   let groupId = `g_${Math.random().toString(36).substring(2)}`
   let groupName = ''
+  let type = cells[0].shape
   for (let i = 0; i < cells.length; i++) {
     const cellInfo = cells[i];
     const cellData = cellInfo.getData();
+    if (!isCombo && type !== cellInfo.shape) {
+      useMessage().warning("已跳过不相同类型的节点");
+      continue;
+    }
     groupName = `${cellData.label}`
     let href = '';
     let label = '';
+    if (cellData.propGroupId) {
+      // 使用原有的组id
+      groupId = cellData.propGroupId
+    }
+    if (cellData.propGroupName) {
+      groupName = cellData.propGroupName
+    }
+
     if (cellInfo.shape === ShapeType.vueShapeImage) {
-      groupName = cellData.style.shape.label;
       href = cellData.style.shape.href;
       label = cellData.style.shape.label;
-      console.log("cellData@@@",href)
     } else {
       label = cellData.label;
     }
+
     if (!info) {
-      if (cellData.propGroupId) {
-        // 使用原有的组id
-        groupId = cellData.propGroupId
-      }
       // 将第一个设置数据
       info = {
         data: {
@@ -1217,7 +1342,6 @@ const handlerGroupList = (cells) => {
         shape: cellInfo.shape,
       }
     }
-
     tmpPoint.push({
       ...cellInfo.position(),
       angle: cellInfo.angle(),
@@ -1230,9 +1354,25 @@ const handlerGroupList = (cells) => {
       }
     })
   }
+
+  let canChange = false;
+  let canInput = false;
+  for (let i = 0; i < that.pageConfig.propList.length; i++) {
+    if (that.pageConfig.propList[i].groupId === cells[0].getData().propGroupId) {
+      canChange = that.pageConfig.propList[i].canChange === true
+      canInput = that.pageConfig.propList[i].canInput === true
+      break;
+    }
+  }
+
   dynamicPropRef.value.init([], {
     groupId: groupId,
     groupName: groupName,
+    isCombo: isCombo, // 配对组合  第一个为文本 第二为图标
+    minSize: min,
+    maxSize: max,
+    canChange: canChange,
+    canInput: canInput,
     data: info.data, //节点是数据
     shape: info.shape,
     pointList: [...tmpPoint], //{ x:10,y:100}
@@ -1243,6 +1383,7 @@ const removeGroup = (groupId) => {
   for (let i = 0; i < that.pageConfig.propList.length; i++) {
     if (that.pageConfig.propList[i].groupId === groupId) {
       that.pageConfig.propList.splice(i, 1)
+      that.pageConfig.propOrderByList = that.pageConfig.propOrderByList.filter(item => item.groupId !== groupId)
       break;
     }
   }
@@ -1260,10 +1401,7 @@ const updateGroupData = (nodeId, dataInfo) => {
         }
       }
     }
-    if (dataInfo.label) {
-      data.label = dataInfo.label
-    }
-
+    data.label = dataInfo.label
     node.setData({
       ...node.getData,
       ...data
@@ -1271,7 +1409,8 @@ const updateGroupData = (nodeId, dataInfo) => {
   }
 }
 const submitProp = (data) => {
-  console.log(data)
+
+  data.cellIds = []
   for (let i = 0; i < data.pointList.length; i++) {
     const info = data.pointList[i];
     const groupId = data.groupId;
@@ -1279,6 +1418,7 @@ const submitProp = (data) => {
     if (info.cellId) {
       const byId = graph.getCellById(info.cellId);
       if (byId) {
+        data.cellIds.push(info.cellId);
         markGroup(byId, groupId, groupName)
         continue;
       }
@@ -1319,15 +1459,63 @@ const submitProp = (data) => {
     }
     const newNode = graph.createNode({...nodeOptions})
     newNode.attr('body/scaling', 'none')
+    data.cellIds.push(newNode.id)
     graph.addNode(newNode)
   }
+
   removeGroup(data.groupId);
+  data.maxSize = Math.min(data.pointList.length, data.maxSize)
+  console.log("data",data)
   that.pageConfig.propList.push(data)
   dynamicPropRef.value.updateVisible(false)
-}
 
+  draftDesignLayoutRef.value.updatePropList(orderByPropList())
+}
+const propListChange = (list)=>{
+  that.pageConfig.propOrderByList = [...list]
+}
+const orderByPropList = ()=>{
+  let keys = {};
+  let arr = []
+  for (let i = 0; i < that.pageConfig.propOrderByList.length; i++) {
+    arr.push(that.pageConfig.propOrderByList[i])
+    keys[that.pageConfig.propOrderByList[i].key] = i
+  }
+  const ids = Object.keys(keys);
+  for (let i = 0; i < that.pageConfig.propList.length; i++) {
+    if(ids.includes(that.pageConfig.propList[i].groupId)){
+      arr.splice(keys[that.pageConfig.propList[i].groupId],1,{
+        key: that.pageConfig.propList[i].groupId,
+        name: that.pageConfig.propList[i].groupName,
+        shape: that.pageConfig.propList[i].shape,
+        isCombo: that.pageConfig.propList[i].isCombo
+      })
+    }else{
+      arr.push({
+        key: that.pageConfig.propList[i].groupId,
+        name: that.pageConfig.propList[i].groupName,
+        shape: that.pageConfig.propList[i].shape,
+        isCombo: that.pageConfig.propList[i].isCombo
+      })
+    }
+  }
+  // that.pageConfig.propOrderByList
+  return arr
+}
+const getPropInfo = () => {
+  return {
+    propDefault:that.pageConfig.propDefault, // 默认属性
+    propList: that.pageConfig.propList, // 实时属性
+    propOrderByList: orderByPropList() // 顺序属性
+  }
+}
+const previewData = ()=>{
+  designPreviewDialogRef.value.preview(getJson());
+}
 defineExpose({
   init,
+  getPropInfo,
+  toPngUrl,
   clearData
 })
 </script>
@@ -1352,7 +1540,6 @@ defineExpose({
 </style>
 <style scoped lang="scss">
 
-
 :deep(.x6-widget-transform-resize) {
   width: 10px;
   height: 10px;
@@ -1360,6 +1547,7 @@ defineExpose({
 }
 
 :deep(.x6-widget-transform-rotate) {
+
   width: 16px;
   height: 16px;
   background: transparent;
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/utils/Dpi.ts b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/utils/Dpi.ts
index 6d3e9d8..574b99c 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/utils/Dpi.ts
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/utils/Dpi.ts
@@ -1,4 +1,7 @@
 // 获取设备像素比
+import * as FileApi from "@/api/infra/file";
+import {replaceDomain} from "@/utils";
+
 const dppx = window.devicePixelRatio ||
   (window.matchMedia && window.matchMedia("(min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 1.5),(-moz-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5)").matches ? 2 : 1) ||
   1;
@@ -33,8 +36,30 @@ export function calcDpi (width, height, screenSize=16, opt = 'd') {
 export function calcDpiFromSize( screenSize=16,opt = 'd'){
   return calcDpi(widthValue, heightValue, screenSize, opt);
 }
-
-
+const tmpImage = {}
+export function convertImageToBase64(url) {
+  return new Promise(async (resolve, reject)=>{
+    FileApi.getDomain().then(async (domain) => {
+      url =  replaceDomain(domain, url)
+      if(tmpImage[url]){
+        resolve(tmpImage[url]);
+        console.log('缓存')
+        return;
+      }
+      try {
+        const response = await fetch(url);
+        const blob = await response.blob();
+        const base = `data:${response.headers.get('content-type')};base64,${btoa(String.fromCharCode(...new Uint8Array(await blob.arrayBuffer())))}`
+        tmpImage[url] = base
+        resolve(base)
+      }catch (e) {
+        resolve(url);
+      }
+    })
+
+  })
+
+}
 
 
 
diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/utils/FuncUtil.ts b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/utils/FuncUtil.ts
index 1ccdb72..a32da61 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/utils/FuncUtil.ts
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/utils/FuncUtil.ts
@@ -237,12 +237,12 @@ export function toHighlightText(originalText: string, keyword: string) {
 
 export const parseKeywordList = (keyword: string): [] => {
   //@ts-ignore
-  const arr = [];
+  const arr: string[] = [];
   if (keyword) {
     // 去空串
     keyword = keyword.replace(/\s/g, '');
     const strings = keyword.toUpperCase().split("");
-    strings.forEach(s => {
+    strings.forEach((s:string) => {
       //@ts-ignore
       if (!arr.includes(s)) {
         arr.push(s);
diff --git a/hangtag-ui/hangtag-ui-admin/src/views/Home/Index.vue b/hangtag-ui/hangtag-ui-admin/src/views/Home/Index.vue
index f234d72..b832ae9 100644
--- a/hangtag-ui/hangtag-ui-admin/src/views/Home/Index.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/views/Home/Index.vue
@@ -5,9 +5,6 @@
         <el-row :gutter="16" justify="space-between">
           <el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
             <div class="flex items-center">
-              <el-avatar :src="avatar" :size="70" class="mr-16px">
-                <img src="@/assets/imgs/avatar.gif" alt="" />
-              </el-avatar>
               <div>
                 <div class="text-20px">
                   {{ t('workplace.welcome') }} {{ username }} {{ t('workplace.happyDay') }}
@@ -18,158 +15,12 @@
               </div>
             </div>
           </el-col>
-          <el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
-            <div class="h-70px flex items-center justify-end lt-sm:mt-10px">
-              <div class="px-8px text-right">
-                <div class="mb-16px text-14px text-gray-400">{{ t('workplace.project') }}</div>
-                <CountTo
-                  class="text-20px"
-                  :start-val="0"
-                  :end-val="totalSate.project"
-                  :duration="2600"
-                />
-              </div>
-              <el-divider direction="vertical" />
-              <div class="px-8px text-right">
-                <div class="mb-16px text-14px text-gray-400">{{ t('workplace.toDo') }}</div>
-                <CountTo
-                  class="text-20px"
-                  :start-val="0"
-                  :end-val="totalSate.todo"
-                  :duration="2600"
-                />
-              </div>
-              <el-divider direction="vertical" border-style="dashed" />
-              <div class="px-8px text-right">
-                <div class="mb-16px text-14px text-gray-400">{{ t('workplace.access') }}</div>
-                <CountTo
-                  class="text-20px"
-                  :start-val="0"
-                  :end-val="totalSate.access"
-                  :duration="2600"
-                />
-              </div>
-            </div>
-          </el-col>
+
         </el-row>
       </el-skeleton>
     </el-card>
   </div>
 
-  <el-row class="mt-8px" :gutter="8" justify="space-between">
-    <el-col :xl="16" :lg="16" :md="24" :sm="24" :xs="24" class="mb-8px">
-      <el-card shadow="never">
-        <template #header>
-          <div class="h-3 flex justify-between">
-            <span>{{ t('workplace.project') }}</span>
-            <el-link
-              type="primary"
-              :underline="false"
-              href="https://github.com/yudaocode"
-              target="_blank"
-            >
-              {{ t('action.more') }}
-            </el-link>
-          </div>
-        </template>
-        <el-skeleton :loading="loading" animated>
-          <el-row>
-            <el-col
-              v-for="(item, index) in projects"
-              :key="`card-${index}`"
-              :xl="8"
-              :lg="8"
-              :md="8"
-              :sm="24"
-              :xs="24"
-            >
-              <el-card shadow="hover" class="mr-5px mt-5px">
-                <div class="flex items-center">
-                  <Icon :icon="item.icon" :size="25" class="mr-8px" />
-                  <span class="text-16px">{{ item.name }}</span>
-                </div>
-                <div class="mt-12px text-9px text-gray-400">{{ t(item.message) }}</div>
-                <div class="mt-12px flex justify-between text-12px text-gray-400">
-                  <span>{{ item.personal }}</span>
-                  <span>{{ formatTime(item.time, 'yyyy-MM-dd') }}</span>
-                </div>
-              </el-card>
-            </el-col>
-          </el-row>
-        </el-skeleton>
-      </el-card>
-
-      <el-card shadow="never" class="mt-8px">
-        <el-skeleton :loading="loading" animated>
-          <el-row :gutter="20" justify="space-between">
-            <el-col :xl="10" :lg="10" :md="24" :sm="24" :xs="24">
-              <el-card shadow="hover" class="mb-8px">
-                <el-skeleton :loading="loading" animated>
-                  <Echart :options="pieOptionsData" :height="280" />
-                </el-skeleton>
-              </el-card>
-            </el-col>
-            <el-col :xl="14" :lg="14" :md="24" :sm="24" :xs="24">
-              <el-card shadow="hover" class="mb-8px">
-                <el-skeleton :loading="loading" animated>
-                  <Echart :options="barOptionsData" :height="280" />
-                </el-skeleton>
-              </el-card>
-            </el-col>
-          </el-row>
-        </el-skeleton>
-      </el-card>
-    </el-col>
-    <el-col :xl="8" :lg="8" :md="24" :sm="24" :xs="24" class="mb-8px">
-      <el-card shadow="never">
-        <template #header>
-          <div class="h-3 flex justify-between">
-            <span>{{ t('workplace.shortcutOperation') }}</span>
-          </div>
-        </template>
-        <el-skeleton :loading="loading" animated>
-          <el-row>
-            <el-col v-for="item in shortcut" :key="`team-${item.name}`" :span="8" class="mb-8px">
-              <div class="flex items-center">
-                <Icon :icon="item.icon" class="mr-8px" />
-                <el-link type="default" :underline="false" @click="setWatermark(item.name)">
-                  {{ item.name }}
-                </el-link>
-              </div>
-            </el-col>
-          </el-row>
-        </el-skeleton>
-      </el-card>
-      <el-card shadow="never" class="mt-8px">
-        <template #header>
-          <div class="h-3 flex justify-between">
-            <span>{{ t('workplace.notice') }}</span>
-            <el-link type="primary" :underline="false">{{ t('action.more') }}</el-link>
-          </div>
-        </template>
-        <el-skeleton :loading="loading" animated>
-          <div v-for="(item, index) in notice" :key="`dynamics-${index}`">
-            <div class="flex items-center">
-              <el-avatar :src="avatar" :size="35" class="mr-16px">
-                <img src="@/assets/imgs/avatar.gif" alt="" />
-              </el-avatar>
-              <div>
-                <div class="text-14px">
-                  <Highlight :keys="item.keys.map((v) => t(v))">
-                    {{ item.type }} : {{ item.title }}
-                  </Highlight>
-                </div>
-                <div class="mt-16px text-12px text-gray-400">
-                  {{ formatTime(item.date, 'yyyy-MM-dd') }}
-                </div>
-              </div>
-            </div>
-            <el-divider />
-          </div>
-        </el-skeleton>
-      </el-card>
-    </el-col>
-  </el-row>
 </template>
 <script lang="ts" setup>
 import { set } from 'lodash-es'
diff --git a/hangtag-ui/hangtag-ui-admin/src/views/Login/components/LoginForm.vue b/hangtag-ui/hangtag-ui-admin/src/views/Login/components/LoginForm.vue
index ca73045..5adf6d5 100644
--- a/hangtag-ui/hangtag-ui-admin/src/views/Login/components/LoginForm.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/views/Login/components/LoginForm.vue
@@ -184,7 +184,7 @@ const loginData = reactive({
   captchaEnable: import.meta.env.VITE_APP_CAPTCHA_ENABLE,
   tenantEnable: import.meta.env.VITE_APP_TENANT_ENABLE,
   loginForm: {
-    tenantName: '',
+    tenantName: '芋道源码',
     username: '',
     password: '',
     captchaVerification: '',
diff --git a/hangtag-ui/hangtag-ui-admin/src/views/oms/brand/BrandForm.vue b/hangtag-ui/hangtag-ui-admin/src/views/oms/brand/BrandForm.vue
index e9014fa..529440b 100644
--- a/hangtag-ui/hangtag-ui-admin/src/views/oms/brand/BrandForm.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/views/oms/brand/BrandForm.vue
@@ -86,7 +86,7 @@ const formData = ref({
   brandField: undefined,
   website: undefined,
   intro: undefined,
-  locale: undefined,
+  locale: 'zh-CN',
   remark: undefined,
 })
 const formRules = reactive({
@@ -147,7 +147,7 @@ const resetForm = () => {
     brandField: undefined,
     website: undefined,
     intro: undefined,
-    locale: undefined,
+    locale: 'zh-CN',
     remark: undefined,
   }
   formRef.value?.resetFields()
diff --git a/hangtag-ui/hangtag-ui-admin/src/views/oms/draftdesigndata/detials/index.vue b/hangtag-ui/hangtag-ui-admin/src/views/oms/draftdesigndata/detials/index.vue
index 785b36a..7b288ad 100644
--- a/hangtag-ui/hangtag-ui-admin/src/views/oms/draftdesigndata/detials/index.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/views/oms/draftdesigndata/detials/index.vue
@@ -72,6 +72,7 @@ const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
 const route = useRoute() // 路由
 const draftDesignRef = ref()
+const designPropEditRef = ref()
 const dialogVisible = ref(false) // 弹窗的是否展示
 const dialogTitle = ref('') // 弹窗的标题
 const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
@@ -106,6 +107,7 @@ const open = async (type: string, id?: number) => {
   dialogVisible.value = true
   dialogTitle.value = t('action.' + type)
   formType.value = type
+  // designPropEditRef.value.init(1);
   resetForm()
   // 修改时，设置数据
   if (id) {
@@ -125,6 +127,7 @@ const open = async (type: string, id?: number) => {
       formLoading.value = false
     }
   }else {
+
     draftDesignRef.value.init(true, {})
   }
 }
@@ -176,6 +179,5 @@ const resetForm = () => {
     propDefault: undefined,
   }
   formRef.value?.resetFields()
-  draftDesignRef.value.clearData()
 }
 </script>
diff --git a/hangtag-ui/hangtag-ui-admin/src/views/oms/draftdesigndata/index.vue b/hangtag-ui/hangtag-ui-admin/src/views/oms/draftdesigndata/index.vue
index b36192f..230b262 100644
--- a/hangtag-ui/hangtag-ui-admin/src/views/oms/draftdesigndata/index.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/views/oms/draftdesigndata/index.vue
@@ -1,4 +1,6 @@
 <template>
+
+
   <ContentWrap>
     <!-- 搜索工作栏 -->
     <el-form
@@ -44,7 +46,7 @@
         >
           <el-option
             v-for="dict in getStrDictOptions(DICT_TYPE.LANGUAGE_LOCALE)"
-            :key="dict.value"
+            :key="`${dict.value}`"
             :label="dict.label"
             :value="dict.value"
           />
@@ -179,13 +181,15 @@ const queryParams = reactive({
   remark: undefined,
   details: undefined,
   propDefault: undefined,
-  createTime: [],
+  createTime: '',
 })
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
 
 /** 查询列表 */
 const getList = async () => {
+
+  console.log("list")
   loading.value = true
   try {
     const data = await DraftDesignDataApi.getDraftDesignDataPage(queryParams)
@@ -210,6 +214,7 @@ const resetQuery = () => {
 
 /** 添加/修改操作 */
 const formRef = ref()
+// @ts-ignore
 const openForm = (type: string, id?: number) => {
   formRef.value.open(type, id)
 }
diff --git a/hangtag-ui/hangtag-ui-admin/src/views/oms/productcareitem/ProductCareItemForm.vue b/hangtag-ui/hangtag-ui-admin/src/views/oms/productcareitem/ProductCareItemForm.vue
new file mode 100644
index 0000000..e1dba01
--- /dev/null
+++ b/hangtag-ui/hangtag-ui-admin/src/views/oms/productcareitem/ProductCareItemForm.vue
@@ -0,0 +1,214 @@
+<template>
+  <Dialog
+    :title="dialogTitle"
+    width="68vw"
+          v-model="dialogVisible">
+
+    <el-scrollbar height="60vh">
+      <div>
+      <el-form
+        ref="formRef"
+        :model="formData"
+        :rules="formRules"
+        label-width="100px"
+        v-loading="formLoading"
+      >
+        <el-form-item label="保养项名称" prop="value">
+          <el-input :name="`_$_ProductCareItemForm_value`" :autocomplete="`_$_ProductCareItemForm_value`" v-model="formData.value" clearable placeholder="请输入保养项名称" />
+        </el-form-item>
+        <el-form-item label="icon图标" prop="iconUrl">
+          <DraftDesignImageLibDialog v-model="formData.iconUrl" placeholder="请输入icon图标" @submit="changeIcon" />
+        </el-form-item>
+
+        <el-form-item label="品牌通用" prop="isAll">
+          <el-checkbox v-model="formData.isAll">该保养说明适用于所有品牌</el-checkbox>
+        </el-form-item>
+
+        <el-form-item v-if="!formData.isAll" label="品牌" prop="brandIds">
+          <span>改说明只适用于指定品牌</span>
+          <el-input v-model="formData.brandIds" placeholder="请输入品牌" />
+        </el-form-item>
+
+        <el-form-item label="作用于组合" prop="isCombo">
+          <el-checkbox v-model="formData.isCombo">是否只作用于组合(洗涤说明icon和文本)</el-checkbox>
+        </el-form-item>
+
+        <el-form-item label="多语言配置" prop="lang_mapping">
+          <div class="w-full">
+            <el-collapse accordion v-model="langeActiveName">
+              <el-collapse-item name="1">
+                <template #title>
+                  多语言对照列表
+                </template>
+                <div>
+                  <el-button @click="addLangMapping">添加</el-button>
+                  <el-table  :data="that.langList" :stripe="true" :show-overflow-tooltip="true">
+                    <el-table-column prop="locale" label="地区语言" width="150" >
+                      <template #default="scope">
+                        <el-select v-model="scope.row.locale" placeholder="地区语言">
+                          <el-option
+                            v-for="dict in getStrDictOptions(DICT_TYPE.LANGUAGE_LOCALE)"
+                            :key="`${dict.value}`"
+                            :label="dict.label"
+                            :value="dict.value"
+                          />
+                        </el-select>
+                      </template>
+                    </el-table-column>
+
+                    <el-table-column prop="value" label="多语言内容" >
+                      <template #default="scope">
+                        <el-input v-model="scope.row.value" placeholder="请输入多语言内容" />
+                      </template>
+                    </el-table-column>
+
+                    <el-table-column prop="value" label="操作" >
+                      <template #default="{$index}">
+                        <el-button type="danger" @click="removeRow($index) " >删除</el-button>
+                      </template>
+                    </el-table-column>
+
+                  </el-table>
+                </div>
+              </el-collapse-item>
+            </el-collapse>
+          </div>
+
+        </el-form-item>
+
+        <el-form-item label="语言标识" prop="locale">
+          <el-select v-model="formData.locale" placeholder="请选择语言标识">
+            <el-option
+              v-for="dict in getStrDictOptions(DICT_TYPE.LANGUAGE_LOCALE)"
+              :key="`${dict.value}`"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="启用状态" prop="enabled">
+          <el-checkbox  v-model="formData.enabled">是否启用</el-checkbox>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="formData.remark" type="textarea" placeholder="请输入备注" />
+        </el-form-item>
+      </el-form>
+    </div>
+    </el-scrollbar>
+    <template #footer>
+      <el-button @click="submitForm" type="primary" :disabled="formLoading">{{t('common.ok')}}</el-button>
+      <el-button @click="dialogVisible = false">{{ t('common.cancel') }}</el-button>
+    </template>
+  </Dialog>
+</template>
+<script setup lang="ts">
+import { getStrDictOptions, DICT_TYPE } from '@/utils/dict'
+import { ProductCareItemApi, ProductCareItemVO } from '@/api/oms/productcareitem'
+import DraftDesignImageLibDialog from "@/components/Dialog/src/DraftDesignImageLibDialog/index.vue";
+
+
+/** 产品保养项  表单 */
+defineOptions({ name: 'ProductCareItemForm' })
+
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+
+const dialogVisible = ref(false) // 弹窗的是否展示
+const imageVisible = ref(false) // 弹窗的是否展示
+const dialogTitle = ref('') // 弹窗的标题
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const formType = ref('') // 表单的类型：create - 新增；update - 修改
+const formData = ref({
+  id: undefined,
+  value: undefined,
+  iconUrl: '',
+  brandIds: undefined,
+  isCombo: false,
+  isAll: true,
+  locale: 'zh-CN',
+  enabled: true,
+  remark: "",
+})
+const langeActiveName = ref('1');
+const formRules = reactive({
+  value: [{ required: true, message: '说明不能为空', trigger: 'blur' }],
+})
+const formRef = ref() // 表单 Ref
+const that = reactive({
+  langList: [{
+    locale: '',
+    value: '',
+  }],
+})
+
+const addLangMapping = () => {
+  that.langList.push({
+    locale: '',
+    value: '',
+  })
+}
+const removeRow = (index) => {
+
+}
+/** 打开弹窗 */
+const open = async (type: string, id?: number) => {
+  dialogVisible.value = true
+  dialogTitle.value = t('action.' + type)
+  formType.value = type
+  resetForm()
+  // 修改时，设置数据
+  if (id) {
+    formLoading.value = true
+    try {
+      formData.value = await ProductCareItemApi.getProductCareItem(id)
+    } finally {
+      formLoading.value = false
+    }
+  }
+}
+
+const changeIcon = (info)=>{
+  console.log("info",info)
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  // 校验表单
+  await formRef.value.validate()
+  // 提交请求
+  formLoading.value = true
+  try {
+    const data = formData.value as unknown as ProductCareItemVO
+    if (formType.value === 'create') {
+      await ProductCareItemApi.createProductCareItem(data)
+      message.success(t('common.createSuccess'))
+    } else {
+      await ProductCareItemApi.updateProductCareItem(data)
+      message.success(t('common.updateSuccess'))
+    }
+    dialogVisible.value = false
+    // 发送操作成功的事件
+    emit('success')
+  } finally {
+    formLoading.value = false
+  }
+}
+
+/** 重置表单 */
+const resetForm = () => {
+  formData.value = {
+    id: undefined,
+    value: undefined,
+    inputVal: '',
+    brandIds: undefined,
+    isCombo: false,
+    isAll: true,
+    locale: 'zh-CN',
+    enabled: true,
+    remark: "",
+  }
+  formRef.value?.resetFields()
+}
+</script>
diff --git a/hangtag-ui/hangtag-ui-admin/src/views/oms/productcareitem/index.vue b/hangtag-ui/hangtag-ui-admin/src/views/oms/productcareitem/index.vue
new file mode 100644
index 0000000..e43999c
--- /dev/null
+++ b/hangtag-ui/hangtag-ui-admin/src/views/oms/productcareitem/index.vue
@@ -0,0 +1,256 @@
+<template>
+  <ContentWrap>
+
+    <!-- 搜索工作栏 -->
+    <el-form
+      class="-mb-15px"
+      :model="queryParams"
+      ref="queryFormRef"
+      :inline="true"
+      label-width="68px"
+    >
+      <el-row>
+        <el-col :xs="24" :span="8">
+          <el-form-item label="名称" prop="value">
+            <el-input
+              v-model="queryParams.value"
+              placeholder="请输入保养项名称"
+              clearable
+              @keyup.enter="handleQuery"
+              class="!w-240px"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :span="8">
+          <el-form-item label="语言标识" prop="locale">
+            <el-select
+              v-model="queryParams.locale"
+              placeholder="请选择语言标识"
+              clearable
+              class="!w-240px"
+            >
+              <el-option
+                v-for="dict in getStrDictOptions(DICT_TYPE.LANGUAGE_LOCALE)"
+                :key="`${dict.value}`"
+                :label="dict.label"
+                :value="dict.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :xs="24" :span="8">
+          <el-form-item label="启用状态" prop="enabled">
+            <el-select
+              v-model="queryParams.enabled"
+              placeholder="请选择启用状态"
+              clearable
+              class="!w-240px"
+            >
+              <el-option label="启用" :value="true" />
+              <el-option label="停用" :value="false" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-form-item label="创建时间" prop="createTime">
+        <el-date-picker
+          v-model="queryParams.createTime"
+          value-format="YYYY-MM-DD HH:mm:ss"
+          type="daterange"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+          class="!w-240px"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
+        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
+        <el-button
+          type="primary"
+          plain
+          @click="openForm('create')"
+          v-hasPermi="['oms:product-care-item:create']"
+        >
+          <Icon icon="ep:plus" class="mr-5px" /> 新增
+        </el-button>
+        <el-button
+          type="success"
+          plain
+          @click="handleExport"
+          :loading="exportLoading"
+          v-hasPermi="['oms:product-care-item:export']"
+        >
+          <Icon icon="ep:download" class="mr-5px" /> 导出
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </ContentWrap>
+
+  <!-- 列表 -->
+  <ContentWrap>
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+      <el-table-column label="保养项名称" align="center" prop="value" />
+      <el-table-column label="品牌通用" align="center" prop="isAll" >
+        <template #default="scope">
+          <div>
+            {{scope.row.isAll ? '是' : '否'}}
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="语言标识 " align="center" prop="locale">
+        <template #default="scope">
+          <dict-tag :type="DICT_TYPE.LANGUAGE_LOCALE" :value="scope.row.locale" />
+        </template>
+      </el-table-column>
+      <el-table-column label="只作用于组合" align="center" prop="isCombo" >
+        <template #default="scope">
+          <div>
+            {{scope.row.isCombo ? '是' : '否'}}
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="启用状态" align="center" prop="enabled" >
+        <template #default="scope">
+            <div>
+              {{scope.row.enabled ? '启用' : '停用'}}
+            </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column
+        label="创建时间"
+        align="center"
+        prop="createTime"
+        :formatter="dateFormatter"
+        width="180px"
+      />
+      <el-table-column label="操作" align="center">
+        <template #default="scope">
+          <el-button
+            link
+            type="primary"
+            @click="openForm('update', scope.row.id)"
+            v-hasPermi="['oms:product-care-item:update']"
+          >
+            编辑
+          </el-button>
+          <el-button
+            link
+            type="danger"
+            @click="handleDelete(scope.row.id)"
+            v-hasPermi="['oms:product-care-item:delete']"
+          >
+            删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <Pagination
+      :total="total"
+      v-model:page="queryParams.pageNo"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+  </ContentWrap>
+
+  <!-- 表单弹窗：添加/修改 -->
+  <ProductCareItemForm ref="formRef" @success="getList" />
+</template>
+
+<script setup lang="ts">
+import { getStrDictOptions, DICT_TYPE } from '@/utils/dict'
+import { dateFormatter } from '@/utils/formatTime'
+import download from '@/utils/download'
+import { ProductCareItemApi, ProductCareItemVO } from '@/api/oms/productcareitem'
+import ProductCareItemForm from './ProductCareItemForm.vue'
+
+/** 产品保养项  列表 */
+defineOptions({ name: 'ProductCareItem' })
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(true) // 列表的加载中
+const list = ref<ProductCareItemVO[]>([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10,
+  value: undefined,
+  iconUrl: undefined,
+  brandIds: undefined,
+  isCombo: undefined,
+  isAll: undefined,
+  locale: undefined,
+  enabled: undefined,
+  remark: undefined,
+  createTime: [],
+})
+const queryFormRef = ref() // 搜索的表单
+const exportLoading = ref(false) // 导出的加载中
+
+/** 查询列表 */
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await ProductCareItemApi.getProductCareItemPage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.pageNo = 1
+  getList()
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value.resetFields()
+  handleQuery()
+}
+
+/** 添加/修改操作 */
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+  formRef.value.open(type, id)
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (id: number) => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起删除
+    await ProductCareItemApi.deleteProductCareItem(id)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
+/** 导出按钮操作 */
+const handleExport = async () => {
+  try {
+    // 导出的二次确认
+    await message.exportConfirm()
+    // 发起导出
+    exportLoading.value = true
+    const data = await ProductCareItemApi.exportProductCareItem(queryParams)
+    download.excel(data, '产品保养项 .xls')
+  } catch {
+  } finally {
+    exportLoading.value = false
+  }
+}
+
+/** 初始化 **/
+onMounted(() => {
+  getList()
+})
+</script>
diff --git a/hangtag-ui/hangtag-ui-admin/src/views/oms/productinfo/ProductInfoForm.vue b/hangtag-ui/hangtag-ui-admin/src/views/oms/productinfo/ProductInfoForm.vue
index e3e475c..0d2bd3b 100644
--- a/hangtag-ui/hangtag-ui-admin/src/views/oms/productinfo/ProductInfoForm.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/views/oms/productinfo/ProductInfoForm.vue
@@ -1,39 +1,81 @@
 <template>
-  <Dialog :title="dialogTitle" v-model="dialogVisible">
-    <el-form
-      ref="formRef"
-      :model="formData"
-      :rules="formRules"
-      label-width="100px"
-      v-loading="formLoading"
-    >
-      <el-form-item label="产品编码" prop="code">
-        <el-input v-model="formData.code" placeholder="请输入产品编码" />
-      </el-form-item>
-      <el-form-item label="产品名称" prop="name">
-        <el-input v-model="formData.name" placeholder="请输入产品名称" />
-      </el-form-item>
-      <el-form-item label="品牌" prop="brandId">
-        <el-input v-model="formData.brandId" placeholder="请输入品牌" />
-      </el-form-item>
-      <el-form-item label="产品类型id" prop="productTypeId">
-        <el-input v-model="formData.productTypeId" placeholder="请输入产品类型id" />
-      </el-form-item>
-      <el-form-item label="启用状态" prop="enabled">
-        <el-radio-group v-model="formData.enabled">
-          <el-radio label="1">请选择字典生成</el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item label="备注" prop="remark">
-        <el-input v-model="formData.remark" placeholder="请输入备注" />
-      </el-form-item>
-      <el-form-item label="详情介绍" prop="details">
-        <Editor v-model="formData.details" height="150px" />
-      </el-form-item>
-      <el-form-item label="封面" prop="cover">
-        <UploadImg v-model="formData.cover" />
-      </el-form-item>
-    </el-form>
+  <Dialog
+    :title="dialogTitle"
+    width="70vw"
+    top="2%"
+    v-model="dialogVisible">
+    <div class="w-full">
+      <el-form
+        ref="formRef"
+        :model="formData"
+        :rules="formRules"
+        label-width="100px"
+        v-loading="formLoading"
+      >
+
+
+        <el-row>
+          <el-col :span="12" :xs="24">
+            <el-form-item label="产品编码" prop="code">
+
+              <div class="flex w-full">
+                <el-input
+                  v-model="formData.code"
+                  placeholder="系统编码为空时自动生成"
+                  :disabled="!inputCode"/>
+                <el-button @click=" inputCode = true">手动输入</el-button>
+              </div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" :xs="24">
+            <el-form-item label="启用状态" prop="enabled">
+              <el-switch
+                v-model="formData.enabled"
+                inline-prompt
+                :active-value="true"
+                :inactive-value="false"/>
+            </el-form-item>
+          </el-col>
+
+        </el-row>
+        <el-row>
+          <el-col :span="12" :xs="24">
+
+            <el-form-item label="产品名称" prop="name">
+              <el-input v-model="formData.name" placeholder="请输入产品名称"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" :xs="24">
+            <el-form-item label="设计稿" prop="draftDesignDataId">
+              <DraftDesignDataListDialog v-model="formData.draftDesignDataId"  />
+            </el-form-item>
+          </el-col>
+          <el-form-item label="封面" prop="cover">
+            <UploadImg v-model="formData.cover"/>
+          </el-form-item>
+        </el-row>
+
+        <el-row>
+          <el-col :span="12" :xs="24">
+            <el-form-item label="品牌" prop="brandId">
+              <BrandDataListDialog v-model="formData.brandId"  placeholder="请选择品牌" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" :xs="24">
+            <el-form-item label="产品类型" prop="productTypeId">
+              <ProductTypeDataListDialog v-model="formData.productTypeId"   placeholder="请选择产品类型" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-form-item label="备注" prop="remark">
+          <el-input type="textarea" v-model="formData.remark" placeholder="请输入备注"/>
+        </el-form-item>
+        <el-form-item label="详情介绍" prop="details">
+          <Editor v-model="formData.details" height="150px"/>
+        </el-form-item>
+      </el-form>
+    </div>
     <template #footer>
       <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
       <el-button @click="dialogVisible = false">取 消</el-button>
@@ -41,31 +83,34 @@
   </Dialog>
 </template>
 <script setup lang="ts">
-import { ProductInfoApi, ProductInfoVO } from '@/api/oms/productinfo'
-
+import {ProductInfoApi, ProductInfoVO} from '@/api/oms/productinfo'
+import DraftDesignDataListDialog from "@/components/Dialog/src/DraftDesignDataListDialog/index.vue";
+import BrandDataListDialog from "@/components/Dialog/src/BrandDataListDialog/index.vue";
 /** 产品资料  表单 */
-defineOptions({ name: 'ProductInfoForm' })
+defineOptions({name: 'ProductInfoForm'})
 
-const { t } = useI18n() // 国际化
+const {t} = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
-
+const showVisible = ref(false);
 const dialogVisible = ref(false) // 弹窗的是否展示
 const dialogTitle = ref('') // 弹窗的标题
 const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
 const formType = ref('') // 表单的类型：create - 新增；update - 修改
+const inputCode = ref(false);
 const formData = ref({
   id: undefined,
   code: undefined,
   name: undefined,
+  cover: undefined,
   brandId: undefined,
   productTypeId: undefined,
-  enabled: undefined,
+  draftDesignDataId: undefined,
+  enabled: true,
   remark: undefined,
   details: undefined,
-  cover: undefined,
 })
 const formRules = reactive({
-  name: [{ required: true, message: '产品名称不能为空', trigger: 'blur' }],
+  name: [{required: true, message: '产品名称不能为空', trigger: 'blur'}],
 })
 const formRef = ref() // 表单 Ref
 
@@ -85,7 +130,7 @@ const open = async (type: string, id?: number) => {
     }
   }
 }
-defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+defineExpose({open}) // 提供 open 方法，用于打开弹窗
 
 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
@@ -117,13 +162,14 @@ const resetForm = () => {
     id: undefined,
     code: undefined,
     name: undefined,
+    cover: undefined,
     brandId: undefined,
     productTypeId: undefined,
-    enabled: undefined,
+    draftDesignDataId: undefined,
+    enabled: true,
     remark: undefined,
     details: undefined,
-    cover: undefined,
   }
   formRef.value?.resetFields()
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/hangtag-ui/hangtag-ui-admin/src/views/oms/productinfo/index.vue b/hangtag-ui/hangtag-ui-admin/src/views/oms/productinfo/index.vue
index f54fd48..82867b1 100644
--- a/hangtag-ui/hangtag-ui-admin/src/views/oms/productinfo/index.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/views/oms/productinfo/index.vue
@@ -35,15 +35,16 @@
           class="!w-240px"
         />
       </el-form-item>
-      <el-form-item label="产品类型id" prop="productTypeId">
+      <el-form-item label="产品类型" prop="productTypeId">
         <el-input
           v-model="queryParams.productTypeId"
-          placeholder="请输入产品类型id"
+          placeholder="请输入产品类型"
           clearable
           @keyup.enter="handleQuery"
           class="!w-240px"
         />
       </el-form-item>
+
       <el-form-item label="启用状态" prop="enabled">
         <el-select
           v-model="queryParams.enabled"
@@ -51,7 +52,7 @@
           clearable
           class="!w-240px"
         >
-          <el-option label="请选择字典生成" value="" />
+          <el-option label="请选择字典生成" value=""/>
         </el-select>
       </el-form-item>
       <el-form-item label="备注" prop="remark">
@@ -75,15 +76,22 @@
         />
       </el-form-item>
       <el-form-item>
-        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
-        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
+        <el-button @click="handleQuery">
+          <Icon icon="ep:search" class="mr-5px"/>
+          搜索
+        </el-button>
+        <el-button @click="resetQuery">
+          <Icon icon="ep:refresh" class="mr-5px"/>
+          重置
+        </el-button>
         <el-button
           type="primary"
           plain
           @click="openForm('create')"
           v-hasPermi="['oms:product-info:create']"
         >
-          <Icon icon="ep:plus" class="mr-5px" /> 新增
+          <Icon icon="ep:plus" class="mr-5px"/>
+          新增
         </el-button>
         <el-button
           type="success"
@@ -92,7 +100,8 @@
           :loading="exportLoading"
           v-hasPermi="['oms:product-info:export']"
         >
-          <Icon icon="ep:download" class="mr-5px" /> 导出
+          <Icon icon="ep:download" class="mr-5px"/>
+          导出
         </el-button>
       </el-form-item>
     </el-form>
@@ -100,16 +109,27 @@
 
   <!-- 列表 -->
   <ContentWrap>
-    <div class="text-red"> todo 功能待完善</div>
+    <DesignPreviewDialog ref="designPreviewDialogRef"/>
     <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
-      <el-table-column label="id" align="center" prop="id" />
-      <el-table-column label="产品编码" align="center" prop="code" />
-      <el-table-column label="产品名称" align="center" prop="name" />
-      <el-table-column label="品牌" align="center" prop="brandId" />
-      <el-table-column label="产品类型id" align="center" prop="productTypeId" />
-      <el-table-column label="启用状态" align="center" prop="enabled" />
-      <el-table-column label="备注" align="center" prop="remark" />
-      <el-table-column label="详情介绍" align="center" prop="details" />
+      <el-table-column label="id" align="center" prop="id"/>
+      <el-table-column label="产品编码" align="center" prop="code"/>
+      <el-table-column label="产品名称" align="center" prop="name"/>
+      <el-table-column label="封面" align="center" prop="cover">
+        <template #default="scope">
+          <el-image
+            v-if="scope.row.cover"
+            style="width: 64px; height: 64px"
+            :src="scope.row.cover"
+            :preview-src-list="[scope.row.cover]"
+          />
+          <span v-else>-</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="品牌" align="center" prop="brandName"/>
+      <el-table-column label="产品类型" align="center" prop="productTypeId"/>
+      <el-table-column label="启用状态" align="center" prop="enabled"/>
+      <el-table-column label="备注" align="center" prop="remark"/>
+
       <el-table-column
         label="创建时间"
         align="center"
@@ -117,8 +137,7 @@
         :formatter="dateFormatter"
         width="180px"
       />
-      <el-table-column label="封面" align="center" prop="cover" />
-      <el-table-column label="操作" align="center">
+      <el-table-column label="操作" width="200px" align="center">
         <template #default="scope">
           <el-button
             link
@@ -128,6 +147,16 @@
           >
             编辑
           </el-button>
+
+          <el-button
+            link
+            type="primary"
+            @click="previewDraftDesign(scope.row.id)"
+            v-hasPermi="['oms:product-info:update']"
+            :disabled="!scope.row.draftDesignDataId"
+          >
+            预览稿件
+          </el-button>
           <el-button
             link
             type="danger"
@@ -149,21 +178,22 @@
   </ContentWrap>
 
   <!-- 表单弹窗：添加/修改 -->
-  <ProductInfoForm ref="formRef" @success="getList" />
+  <ProductInfoForm ref="formRef" @success="getList"/>
 </template>
 
 <script setup lang="ts">
-import { dateFormatter } from '@/utils/formatTime'
+import {dateFormatter} from '@/utils/formatTime'
 import download from '@/utils/download'
-import { ProductInfoApi, ProductInfoVO } from '@/api/oms/productinfo'
+import {ProductInfoApi, ProductInfoVO} from '@/api/oms/productinfo'
 import ProductInfoForm from './ProductInfoForm.vue'
 
 /** 产品资料  列表 */
-defineOptions({ name: 'ProductInfo' })
+defineOptions({name: 'ProductInfo'})
 
 const message = useMessage() // 消息弹窗
-const { t } = useI18n() // 国际化
+const {t} = useI18n() // 国际化
 
+const designPreviewDialogRef = ref()
 const loading = ref(true) // 列表的加载中
 const list = ref<ProductInfoVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
@@ -172,13 +202,14 @@ const queryParams = reactive({
   pageSize: 10,
   code: undefined,
   name: undefined,
+  cover: undefined,
   brandId: undefined,
   productTypeId: undefined,
+  draftDesignDataId: undefined,
   enabled: undefined,
   remark: undefined,
   details: undefined,
   createTime: [],
-  cover: undefined,
 })
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
@@ -223,7 +254,8 @@ const handleDelete = async (id: number) => {
     message.success(t('common.delSuccess'))
     // 刷新列表
     await getList()
-  } catch {}
+  } catch {
+  }
 }
 
 /** 导出按钮操作 */
@@ -240,7 +272,9 @@ const handleExport = async () => {
     exportLoading.value = false
   }
 }
-
+const previewDraftDesign = (id) => {
+  designPreviewDialogRef.value.previewByProductId(id)
+}
 /** 初始化 **/
 onMounted(() => {
   getList()
diff --git a/hangtag-ui/hangtag-ui-front/src/views/Login/components/LoginForm.vue b/hangtag-ui/hangtag-ui-front/src/views/Login/components/LoginForm.vue
index 7583fe8..17f6706 100644
--- a/hangtag-ui/hangtag-ui-front/src/views/Login/components/LoginForm.vue
+++ b/hangtag-ui/hangtag-ui-front/src/views/Login/components/LoginForm.vue
@@ -184,10 +184,11 @@ const loginData = reactive({
   captchaEnable: import.meta.env.VITE_APP_CAPTCHA_ENABLE,
   tenantEnable: import.meta.env.VITE_APP_TENANT_ENABLE,
   loginForm: {
-    tenantName: '',
+    tenantName: '芋道源码',
     username: '',
     password: '',
-    type: '999999',
+    // todo type: '999999',
+    type: '',
     captchaVerification: '',
     rememberMe: true // 默认记录我。如果不需要，可手动修改
   }