super-page-designer 2.0.79 → 2.0.82

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

@@ -1,155 +1,4 @@
-import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, unref, createElementVNode, createTextVNode } from "vue";
-import { Search } from "@element-plus/icons-vue";
-const _hoisted_1 = { class: "dialog-footer" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "dataorigin-input-table",
-  props: {
-    modelValue: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const inputValue = ref(props.modelValue);
-    const emit = __emit;
-    const tableData = [
-      {
-        id: 1,
-        date: "2016-05-03",
-        name: "Tom",
-        address: "No. 189, Grove St, Los Angeles"
-      },
-      {
-        id: 2,
-        date: "2016-05-02",
-        name: "Tom",
-        address: "No. 189, Grove St, Los Angeles"
-      },
-      {
-        id: 3,
-        date: "2016-05-04",
-        name: "Tom",
-        address: "No. 189, Grove St, Los Angeles"
-      },
-      {
-        id: 4,
-        date: "2016-05-01",
-        name: "Tom",
-        address: "No. 189, Grove St, Los Angeles"
-      }
-    ];
-    const dialogVisible = ref(false);
-    const selectData = ref([]);
-    watch(() => props.modelValue, (newVal) => {
-      inputValue.value = newVal;
-    });
-    function confirm() {
-      if (selectData.value.length > 0) {
-        let str = "";
-        selectData.value.forEach((item) => {
-          str = str + item.name + ",";
-        });
-        str = str.substring(0, str.length - 1);
-        emit("update:modelValue", str);
-        dialogVisible.value = false;
-      } else {
-        dialogVisible.value = false;
-      }
-    }
-    function handleSelectionChange(selection) {
-      selectData.value = selection;
-    }
-    function inputClick() {
-      dialogVisible.value = true;
-    }
-    return (_ctx, _cache) => {
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_table_column = resolveComponent("el-table-column");
-      const _component_el_table = resolveComponent("el-table");
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_dialog = resolveComponent("el-dialog");
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_component_el_input, {
-          modelValue: inputValue.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
-          placeholder: "请选择",
-          onClick: inputClick
-        }, {
-          suffix: withCtx(() => [
-            createVNode(_component_el_icon, { onClick: inputClick }, {
-              default: withCtx(() => [
-                createVNode(unref(Search))
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue"]),
-        createVNode(_component_el_dialog, {
-          modelValue: dialogVisible.value,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dialogVisible.value = $event),
-          title: "Tips",
-          width: "500"
-        }, {
-          footer: withCtx(() => [
-            createElementVNode("div", _hoisted_1, [
-              createVNode(_component_el_button, {
-                onClick: _cache[1] || (_cache[1] = ($event) => dialogVisible.value = false)
-              }, {
-                default: withCtx(() => [
-                  createTextVNode("取消")
-                ]),
-                _: 1
-              }),
-              createVNode(_component_el_button, {
-                type: "primary",
-                onClick: confirm
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(" 确定 ")
-                ]),
-                _: 1
-              })
-            ])
-          ]),
-          default: withCtx(() => [
-            createVNode(_component_el_table, {
-              data: tableData,
-              style: { "width": "100%" },
-              onSelectionChange: handleSelectionChange
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_el_table_column, {
-                  type: "selection",
-                  width: "55"
-                }),
-                createVNode(_component_el_table_column, {
-                  prop: "date",
-                  label: "Date",
-                  width: "180"
-                }),
-                createVNode(_component_el_table_column, {
-                  prop: "name",
-                  label: "Name",
-                  width: "180"
-                }),
-                createVNode(_component_el_table_column, {
-                  prop: "address",
-                  label: "Address"
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["modelValue"])
-      ], 64);
-    };
-  }
-});
+import _sfc_main from "./dataorigin-input-table.vue2.js";
 export {
   _sfc_main as default
 };

package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue2.js

@@ -1,4 +1,155 @@
-import _sfc_main from "./dataorigin-input-table.vue.js";
+import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, unref, createElementVNode, createTextVNode } from "vue";
+import { Search } from "@element-plus/icons-vue";
+const _hoisted_1 = { class: "dialog-footer" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dataorigin-input-table",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const inputValue = ref(props.modelValue);
+    const emit = __emit;
+    const tableData = [
+      {
+        id: 1,
+        date: "2016-05-03",
+        name: "Tom",
+        address: "No. 189, Grove St, Los Angeles"
+      },
+      {
+        id: 2,
+        date: "2016-05-02",
+        name: "Tom",
+        address: "No. 189, Grove St, Los Angeles"
+      },
+      {
+        id: 3,
+        date: "2016-05-04",
+        name: "Tom",
+        address: "No. 189, Grove St, Los Angeles"
+      },
+      {
+        id: 4,
+        date: "2016-05-01",
+        name: "Tom",
+        address: "No. 189, Grove St, Los Angeles"
+      }
+    ];
+    const dialogVisible = ref(false);
+    const selectData = ref([]);
+    watch(() => props.modelValue, (newVal) => {
+      inputValue.value = newVal;
+    });
+    function confirm() {
+      if (selectData.value.length > 0) {
+        let str = "";
+        selectData.value.forEach((item) => {
+          str = str + item.name + ",";
+        });
+        str = str.substring(0, str.length - 1);
+        emit("update:modelValue", str);
+        dialogVisible.value = false;
+      } else {
+        dialogVisible.value = false;
+      }
+    }
+    function handleSelectionChange(selection) {
+      selectData.value = selection;
+    }
+    function inputClick() {
+      dialogVisible.value = true;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_el_input, {
+          modelValue: inputValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+          placeholder: "请选择",
+          onClick: inputClick
+        }, {
+          suffix: withCtx(() => [
+            createVNode(_component_el_icon, { onClick: inputClick }, {
+              default: withCtx(() => [
+                createVNode(unref(Search))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        createVNode(_component_el_dialog, {
+          modelValue: dialogVisible.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dialogVisible.value = $event),
+          title: "Tips",
+          width: "500"
+        }, {
+          footer: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              createVNode(_component_el_button, {
+                onClick: _cache[1] || (_cache[1] = ($event) => dialogVisible.value = false)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("取消")
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_button, {
+                type: "primary",
+                onClick: confirm
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" 确定 ")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createVNode(_component_el_table, {
+              data: tableData,
+              style: { "width": "100%" },
+              onSelectionChange: handleSelectionChange
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_table_column, {
+                  type: "selection",
+                  width: "55"
+                }),
+                createVNode(_component_el_table_column, {
+                  prop: "date",
+                  label: "Date",
+                  width: "180"
+                }),
+                createVNode(_component_el_table_column, {
+                  prop: "name",
+                  label: "Name",
+                  width: "180"
+                }),
+                createVNode(_component_el_table_column, {
+                  prop: "address",
+                  label: "Address"
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

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
+};