super-page-designer 2.0.83 → 2.0.86

package/dist/es/components/design/views/assemblys/common/page-permission-select.vue.js

@@ -70,15 +70,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         console.log("click contains--------not");
         if (popoverVisible.value) {
-          closePopover();
+          closePopover(true);
         }
       }
     }
     let popoverTimeout = null;
     function closePopover(immediate) {
       clearTimeout(popoverTimeout);
-      {
+      if (immediate) {
         popoverVisible.value = false;
+      } else {
+        popoverTimeout = setTimeout(() => {
+          popoverVisible.value = false;
+        }, 2e3);
       }
     }
     function openPopover() {
@@ -265,12 +269,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       codeType.value = "";
       thisValue.value = "";
       emits("update:modelValue", "", "", "");
-      closePopover();
+      closePopover(true);
     }
     function selectRow(row) {
       thisValue.value = row.code;
       emits("update:modelValue", codeType.value, thisValue.value, row.name, row.id);
-      closePopover();
+      closePopover(true);
     }
     function addCustom() {
       if (!inputCode.value) {
@@ -279,7 +283,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       thisValue.value = inputCode.value;
       emits("update:modelValue", codeType.value, thisValue.value, "");
-      closePopover();
+      closePopover(true);
     }
     console.log("init", props.value, props.type);
     function showPopover() {

package/dist/es/components/design/views/assemblys/common/state-button.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./state-button.vue2.js";
-/* empty css                  */
+import "./state-button.vue3.js";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const StateButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ae2798fb"]]);
 export {

package/dist/es/components/design/views/assemblys/common/state-button.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/components/design/views/assemblys/data/bar-code/barcode-attr.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./barcode-attr.vue2.js";
-/* empty css                  */
+import "./barcode-attr.vue3.js";
 export {
   _sfc_main as default
 };

package/dist/es/components/design/views/assemblys/data/bar-code/barcode-attr.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/components/design/views/assemblys/data/component/composite-header.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./composite-header.vue2.js";
-/* empty css                      */
+import "./composite-header.vue3.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const CompositeHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b436905c"]]);
 export {

package/dist/es/components/design/views/assemblys/data/component/composite-header.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/components/design/views/assemblys/data/component/configuration-value.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, createCommentVNode, createElementBlock, Fragment, renderList } from "vue";
 import "@element-plus/icons-vue";
-/* empty css                                     */
+import "../../form/common/icon-set-dialog.vue3.js";
 import http from "agilebuilder-ui/src/utils/request";
 const _hoisted_1 = { class: "dialog-footer" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/components/design/views/assemblys/data/component/data-origin-tree.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./data-origin-tree.vue2.js";
-/* empty css                      */
+import "./data-origin-tree.vue3.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const DataOrigin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-97438be5"]]);
 export {

package/dist/es/components/design/views/assemblys/data/component/data-origin-tree.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/components/design/views/assemblys/data/component/data-origin.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./data-origin.vue2.js";
-/* empty css                 */
+import "./data-origin.vue3.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const DataOrigin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9388107f"]]);
+const DataOrigin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a8c75465"]]);
 export {
   DataOrigin as default
 };

package/dist/es/components/design/views/assemblys/data/component/data-origin.vue2.js

@@ -373,15 +373,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   modelValue: __props.configure.props.dataOrigin.tableName,
                   "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.props.dataOrigin.tableName = $event),
                   title: __props.configure.props.dataOrigin.tableName,
+                  onClick: selectTable,
                   clearable: "",
                   readonly: "true"
                 }, {
-                  append: withCtx(() => [
+                  prepend: withCtx(() => [
                     createVNode(_component_el_button, {
                       icon: unref(Search),
                       onClick: selectTable,
                       size: "small"
-                    }, null, 8, ["icon"]),
+                    }, null, 8, ["icon"])
+                  ]),
+                  append: withCtx(() => [
                     createVNode(_component_el_button, {
                       icon: unref(Close),
                       onClick: clearTable,

package/dist/es/components/design/views/assemblys/data/component/data-origin.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/components/design/views/assemblys/data/component/formatting.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, createCommentVNode, unref } from "vue";
 import _sfc_main$1 from "../../form/common/suffixmodule.vue.js";
 import { Search } from "@element-plus/icons-vue";
-/* empty css                                     */
+import "../../form/common/icon-set-dialog.vue3.js";
 import _sfc_main$2 from "./formatting-icon-label.vue.js";
 const _hoisted_1 = { class: "dialog-footer" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/components/design/views/assemblys/data/component/querySetting.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode } from "vue";
 import "@element-plus/icons-vue";
-/* empty css                                     */
+import "../../form/common/icon-set-dialog.vue3.js";
 const _hoisted_1 = { class: "dialog-footer" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "querySetting",

package/dist/es/components/design/views/assemblys/data/component/row-backgroud-color.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./row-backgroud-color.vue2.js";
-/* empty css                         */
+import "./row-backgroud-color.vue3.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const RowBackgroudColor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b203475d"]]);
 export {

package/dist/es/components/design/views/assemblys/data/component/row-backgroud-color.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/components/design/views/assemblys/data/component/variate-select.vue.js

@@ -35,7 +35,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const selectValue = ref("");
     function selectChange() {
       emit("update:prop", selectValue);
-      if (selectValue === "dynamicColumnSelect" || selectValue === null) return;
+      if (selectValue === "dynamicColumnSelect" || selectValue === null)
+        return;
       if (props.propType != "") {
         props.tableConfigure.modelFields.forEach((item) => {
           if (item.dbColumnName === selectValue.value) {

package/dist/es/components/design/views/assemblys/data/table/table-attr-advanced.vue.js

@@ -4,7 +4,7 @@ import { Plus, Remove, Delete } from "@element-plus/icons-vue";
 import _sfc_main$1 from "../component/variate-select.vue.js";
 import CompositeHeader from "../component/composite-header.vue.js";
 import _sfc_main$2 from "../component/import-header.vue.js";
-import { querySublist, queryTableFieldsOrMap } from "../../../../utils/page-table-util.js";
+import { querySublist, queryTableFields, changeFeieldToMap } from "../../../../utils/page-table-util.js";
 import _sfc_main$4 from "../../workflow/component/combination.vue.js";
 import _sfc_main$3 from "../../common/common-select-table.vue.js";
 import { Search, Close } from "@element-plus/icons";
@@ -120,10 +120,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         props.configure.props.otherSettings.alias = tableInfo.alias;
         const systemCode = tableInfo.systemCode ? tableInfo.systemCode : props.pageDesign.systemCode;
         const systemVersion = tableInfo.systemVersion ? tableInfo.systemVersion : props.pageDesign.version;
-        queryTableFieldsOrMap(systemCode, systemVersion, tableInfo.name).then((tableFields) => {
-          props.configure.props["otherSettings"]["modelFields"] = tableFields.attributeArr;
-          props.configure.props["otherSettings"]["modelFieldsMap"] = tableFields.fieldMap;
-          console.log("queryTableFields", tableFields);
+        queryTableFields(systemCode, systemVersion, tableInfo.name).then((tableFields) => {
+          props.configure.props["otherSettings"]["modelFields"] = tableFields;
+          if (!props.configure.props["otherSettings"]["modelFieldsMap"]) {
+            props.configure.props["otherSettings"]["modelFieldsMap"] = {};
+          }
+          changeFeieldToMap(props.configure.props["otherSettings"]["modelFieldsMap"], tableFields);
         });
       }
     }

package/dist/es/components/design/views/assemblys/data/table/table-attr-base.vue.js

@@ -8,7 +8,7 @@ import "agilebuilder-ui/src/utils/request";
 import "uuid";
 import "../../../../../../stores/page-store.js";
 import "../../../../../../stores/table-store.js";
-/* empty css                                     */
+import "../../common/common-variable-bind.vue3.js";
 import "../../../../utils/eventBus.js";
 import _sfc_main$1 from "../../common/common-function-code.vue.js";
 const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };

package/dist/es/components/design/views/assemblys/data/table/table-attr.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./table-attr.vue2.js";
-/* empty css                */
+import "./table-attr.vue3.js";
 export {
   _sfc_main as default
 };

package/dist/es/components/design/views/assemblys/data/table/table-attr.vue2.js

@@ -43,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       tableConfigure.value = val.tableConfigure;
     });
     return (_ctx, _cache) => {
-      return Object.keys(columnData.value).length > 0 && !_ctx.formModu ? (openBlock(), createElementBlock("div", _hoisted_1, [
+      return Object.keys(columnData.value).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(AttrHeader, {
           modelValue: unref(currentConfigType),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(currentConfigType) ? currentConfigType.value = $event : currentConfigType = $event),

package/dist/es/components/design/views/assemblys/data/table/table-attr.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/components/design/views/assemblys/data/table/table-design.vue.js

@@ -1,8 +1,8 @@
 import _sfc_main from "./table-design.vue2.js";
-/* empty css                  */
-/* empty css                  */
+import "./table-design.vue3.js";
+import "./table-design.vue4.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const tableDesign = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f6500856"]]);
+const tableDesign = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-81648b04"]]);
 export {
   tableDesign as default
 };

package/dist/es/components/design/views/assemblys/data/table/table-design.vue2.js

@@ -11,7 +11,7 @@ import "@element-plus/icons";
 import "super-page-runtime";
 import "../../../../../../stores/page-store.js";
 import _sfc_main$1 from "../component/table-children-column.vue.js";
-import { queryTableFields } from "../../../../utils/page-table-util.js";
+import { queryTableFields, changeFeieldToMap } from "../../../../utils/page-table-util.js";
 const _hoisted_1 = {
   id: "tableDesignMenu",
   ref: "headerMenu",
@@ -143,10 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const systemVersion = props.configure.tableSysVersion ? props.configure.tableSysVersion : props.pageDesign.version;
       const tableName = props.configure.props.dataOrigin.tableName;
       queryTableFields(systemCode, systemVersion, tableName).then((tableFields) => {
-        props.configure.modelFieldsMap = {};
-        tableFields.forEach((attrbt) => {
-          props.configure.modelFieldsMap[attrbt.dbColumnName] = attrbt;
-        });
+        changeFeieldToMap(props.configure.modelFieldsMap, tableFields);
         props.configure.modelFields = tableFields;
       });
     }

package/dist/es/components/design/views/assemblys/data/table/table-design.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/components/design/views/assemblys/data/table/table-design.vue4.js

@@ -0,0 +1 @@
+

package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./tablecolumn-attr-base.vue2.js";
-/* empty css                           */
+import "./tablecolumn-attr-base.vue3.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const TablecolumnAttrBase = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3560b979"]]);
 export {

package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue2.js

@@ -9,7 +9,7 @@ import { getUuidv4 } from "../../../../utils/common-util.js";
 import eventBus from "../../../../utils/eventBus.js";
 import _sfc_main$1 from "../component/variate-select.vue.js";
 import _sfc_main$6 from "../../form/common/suffixmodule.vue.js";
-/* empty css                                     */
+import "../../form/common/icon-set-dialog.vue3.js";
 import _sfc_main$2 from "../../common/common-function-code.vue.js";
 import _sfc_main$9 from "../../common/common-select-table.vue.js";
 import { queryTableFields, tableResetConfigIndo } from "../../../../utils/page-table-util.js";

package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/components/design/views/assemblys/data/tree/tree-attr-base.vue.js

@@ -48,9 +48,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       props.configure.props.base.prop = modelValue;
     }
     function afterBindIcon(iconType, iconValue, fieldType) {
-      {
+      if (fieldType == "suf") {
         props.configure.props.base.iconType = iconType;
         props.configure.props.base.iconType = iconValue;
+      } else {
+        props.configure.props.base.iconType = iconType;
+        props.configure.props.base.icon = iconValue;
       }
     }
     return (_ctx, _cache) => {
@@ -329,7 +332,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         createVNode(_sfc_main$1, {
                           iconType: __props.configure.props.base.iconType,
                           iconValue: __props.configure.props.base.icon,
-                          "onUpdate:modelValue": _cache[9] || (_cache[9] = (iconType, iconValue) => afterBindIcon(iconType, iconValue))
+                          "onUpdate:modelValue": _cache[9] || (_cache[9] = (iconType, iconValue) => afterBindIcon(iconType, iconValue, "suf"))
                         }, null, 8, ["iconType", "iconValue"])
                       ]),
                       _: 1

package/dist/es/components/design/views/assemblys/data/tree/tree-attr.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./tree-attr.vue2.js";
-/* empty css               */
+import "./tree-attr.vue3.js";
 export {
   _sfc_main as default
 };

package/dist/es/components/design/views/assemblys/data/tree/tree-attr.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/components/design/views/assemblys/form/checkbox/checkbox-attr.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./checkbox-attr.vue2.js";
-/* empty css                   */
+import "./checkbox-attr.vue3.js";
 export {
   _sfc_main as default
 };

package/dist/es/components/design/views/assemblys/form/checkbox/checkbox-attr.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/components/design/views/assemblys/form/common/attr-event.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./attr-event.vue2.js";
-/* empty css                */
+import "./attr-event.vue3.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const AttrEvent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c7ab7527"]]);
 export {

package/dist/es/components/design/views/assemblys/form/common/attr-event.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/components/design/views/assemblys/form/common/attr-header.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./attr-header.vue2.js";
-/* empty css                 */
+import "./attr-header.vue3.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const AttrHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-226997f7"]]);
 export {

package/dist/es/components/design/views/assemblys/form/common/attr-header.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/components/design/views/assemblys/form/common/data-format.vue.js

@@ -7,7 +7,7 @@ import "@element-plus/icons-vue";
 import http from "agilebuilder-ui/src/utils/request";
 import { usePageContextStore } from "../../../../../../stores/page-store.js";
 import "../../../../../../stores/table-store.js";
-/* empty css                                     */
+import "../../common/common-variable-bind.vue3.js";
 import _sfc_main$4 from "./data-origin-service-in.vue.js";
 import { queryTableFields } from "../../../../utils/page-table-util.js";
 import { getCustomFuncs } from "../../../../utils/page-event-util.js";

package/dist/es/components/design/views/assemblys/form/common/data-origin.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from "./data-origin.vue2.js";
-/* empty css                 */
+import "./data-origin.vue3.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const DataOrigin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e6c84ad9"]]);
 export {

package/dist/es/components/design/views/assemblys/form/common/data-origin.vue3.js

@@ -0,0 +1 @@
+

package/dist/es/components/design/views/assemblys/form/common/dimension-input.vue.js

@@ -0,0 +1 @@
+

package/dist/es/components/design/views/assemblys/form/common/icon-set-dialog.vue.js

@@ -1,5 +1,5 @@
-import _sfc_main from "./icon-set-dialog.vue3.js";
-/* empty css                     */
+import _sfc_main from "./icon-set-dialog.vue2.js";
+import "./icon-set-dialog.vue3.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const IconSetDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4aa5ce08"]]);
 export {

package/dist/es/components/design/views/assemblys/form/common/icon-set-dialog.vue2.js

@@ -0,0 +1,217 @@
+import { defineComponent, ref, reactive, watch, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, unref, createElementVNode, createTextVNode, renderList, normalizeClass, createBlock, resolveDynamicComponent, toDisplayString, pushScopeId, popScopeId } from "vue";
+import { Search, Plus, ChatLineRound, Unlock, MuteNotification, Operation, WarningFilled } from "@element-plus/icons-vue";
+const _withScopeId = (n) => (pushScopeId("data-v-4aa5ce08"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "icon-set-center-body" };
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "新建", -1));
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "dialog-footer" };
+const _hoisted_5 = { class: "dialog-footer" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "icon-set-dialog",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const iconValue = ref(props.modelValue);
+    const dialogVisible = ref(false);
+    const selectIconName = ref("");
+    const addIconDialogVisible = ref(false);
+    const form = reactive({});
+    const iconList = [
+      { name: "ChatLineRound", icon: ChatLineRound },
+      { name: "Unlock", icon: Unlock },
+      { name: "MuteNotification", icon: MuteNotification },
+      { name: "Operation", icon: Operation },
+      { name: "WarningFilled", icon: WarningFilled }
+    ];
+    watch(() => props.modelValue, (newVal) => {
+      iconValue.value = newVal;
+    });
+    function selectIcon(name) {
+      selectIconName.value = name;
+    }
+    function openDialog() {
+      dialogVisible.value = true;
+    }
+    function addIcon() {
+      console.log("%c描述-105701", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", selectIconName.value);
+      emit("update:modelValue", selectIconName.value);
+      dialogVisible.value = false;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_form = resolveComponent("el-form");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_el_input, {
+          modelValue: iconValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => iconValue.value = $event),
+          onClick: openDialog
+        }, {
+          append: withCtx(() => [
+            createVNode(_component_el_button, {
+              icon: unref(Search),
+              onClick: openDialog
+            }, null, 8, ["icon"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        createVNode(_component_el_dialog, {
+          modelValue: dialogVisible.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event),
+          title: "选择icon",
+          width: "40%"
+        }, {
+          footer: withCtx(() => [
+            createElementVNode("div", _hoisted_4, [
+              createVNode(_component_el_button, {
+                onClick: _cache[2] || (_cache[2] = ($event) => dialogVisible.value = false)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("取消")
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_button, {
+                type: "primary",
+                onClick: addIcon
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" 确定 ")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              createElementVNode("div", {
+                class: "icon-set-center-creation",
+                onClick: _cache[1] || (_cache[1] = ($event) => addIconDialogVisible.value = true)
+              }, [
+                createVNode(_component_el_icon, null, {
+                  default: withCtx(() => [
+                    createVNode(unref(Plus))
+                  ]),
+                  _: 1
+                }),
+                _hoisted_2
+              ]),
+              (openBlock(), createElementBlock(Fragment, null, renderList(iconList, (item, index) => {
+                return createElementVNode("div", {
+                  key: index,
+                  class: normalizeClass(selectIconName.value === item.name ? "icon-set-center-item icon-set-center-item-border" : "icon-set-center-item"),
+                  onClick: ($event) => selectIcon(item.name)
+                }, [
+                  (openBlock(), createBlock(resolveDynamicComponent(item.icon), { style: { "width": "40px", "height": "40px" } })),
+                  createElementVNode("span", null, toDisplayString(item.name), 1)
+                ], 10, _hoisted_3);
+              }), 64))
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        createVNode(_component_el_dialog, {
+          modelValue: addIconDialogVisible.value,
+          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => addIconDialogVisible.value = $event),
+          title: "创建icon",
+          width: "30%"
+        }, {
+          footer: withCtx(() => [
+            createElementVNode("div", _hoisted_5, [
+              createVNode(_component_el_button, {
+                onClick: _cache[7] || (_cache[7] = ($event) => addIconDialogVisible.value = false)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("取消")
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_button, {
+                type: "primary",
+                onClick: _cache[8] || (_cache[8] = ($event) => addIconDialogVisible.value = false)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" 确定 ")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createVNode(_component_el_form, {
+              model: form,
+              "label-width": "80px"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_form_item, {
+                  label: "类名",
+                  prop: "name",
+                  rules: [{ required: true, message: "请输入类名", trigger: "blur" }]
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      size: "default",
+                      modelValue: form.name,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.name = $event)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_form_item, { label: "标准按钮" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_select, {
+                      size: "default",
+                      modelValue: form.region,
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form.region = $event),
+                      placeholder: "please select your zone"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_option, {
+                          label: "Zone one",
+                          value: "shanghai"
+                        }),
+                        createVNode(_component_el_option, {
+                          label: "Zone two",
+                          value: "beijing"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_form_item, { label: "备注" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_input, {
+                      size: "default",
+                      modelValue: form.name,
+                      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => form.name = $event)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["model"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};