super-page-designer 0.0.2-tmp8 → 1.0.1

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

@@ -0,0 +1,154 @@
+"use strict";
+const vue = require("vue");
+const iconsVue = require("@element-plus/icons-vue");
+const _hoisted_1 = { class: "dialog-footer" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "dataorigin-input-table",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const inputValue = vue.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 = vue.ref(false);
+    const selectData = vue.ref([]);
+    vue.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 = vue.resolveComponent("el-icon");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_table_column = vue.resolveComponent("el-table-column");
+      const _component_el_table = vue.resolveComponent("el-table");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(_component_el_input, {
+          modelValue: inputValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+          placeholder: "请选择",
+          onClick: inputClick
+        }, {
+          suffix: vue.withCtx(() => [
+            vue.createVNode(_component_el_icon, { onClick: inputClick }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(iconsVue.Search))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        vue.createVNode(_component_el_dialog, {
+          modelValue: dialogVisible.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dialogVisible.value = $event),
+          title: "Tips",
+          width: "500"
+        }, {
+          footer: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_1, [
+              vue.createVNode(_component_el_button, {
+                onClick: _cache[1] || (_cache[1] = ($event) => dialogVisible.value = false)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("取消")
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_button, {
+                type: "primary",
+                onClick: confirm
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(" 确定 ")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_table, {
+              data: tableData,
+              style: { "width": "100%" },
+              onSelectionChange: handleSelectionChange
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_table_column, {
+                  type: "selection",
+                  width: "55"
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  prop: "date",
+                  label: "Date",
+                  width: "180"
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  prop: "name",
+                  label: "Name",
+                  width: "180"
+                }),
+                vue.createVNode(_component_el_table_column, {
+                  prop: "address",
+                  label: "Address"
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,3 @@
+"use strict";
+const dataoriginInputTable_vue_vue_type_script_setup_true_lang = require("./dataorigin-input-table.vue.js");
+module.exports = dataoriginInputTable_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/form/common/dimension-input.css

@@ -0,0 +1,4 @@
+
+.input-with-select .el-input-group__append {
+  background-color: var(--el-fill-color-blank);
+}

package/dist/lib/components/design/views/assemblys/form/common/dimension-input.vue2.js

@@ -0,0 +1,74 @@
+"use strict";
+const vue = require("vue");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "dimension-input",
+  props: {
+    modelValue: {
+      type: [Number],
+      default: null
+    },
+    selectedUnit: {
+      type: String,
+      default: "px"
+    }
+  },
+  emits: ["update:modelValue", "update:selectedUnit"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const inputValue = vue.ref(props.modelValue);
+    const unit = vue.ref(props.selectedUnit);
+    const units = [
+      { label: "px", value: "px" },
+      { label: "em", value: "em" },
+      { label: "ex", value: "ex" },
+      { label: "cm", value: "cm" },
+      { label: "vh", value: "vh" }
+    ];
+    function onInput(val) {
+      emit("update:modelValue", val);
+      emit("update:selectedUnit", unit);
+    }
+    function onChange(newUnit) {
+      unit.value = newUnit;
+      emit("update:selectedUnit", newUnit);
+    }
+    return (_ctx, _cache) => {
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_input = vue.resolveComponent("el-input");
+      return vue.openBlock(), vue.createBlock(_component_el_input, {
+        modelValue: inputValue.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputValue.value = $event),
+        modelModifiers: { number: true },
+        placeholder: "",
+        class: "input-with-select",
+        onInput
+      }, {
+        append: vue.withCtx(() => [
+          vue.createVNode(_component_el_select, {
+            ref: "select",
+            modelValue: unit.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unit.value = $event),
+            style: { width: "60px" },
+            placeholder: "",
+            onChange
+          }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(units, (unit2) => {
+                return vue.createVNode(_component_el_option, {
+                  key: unit2.value,
+                  label: unit2.label,
+                  value: unit2.value
+                }, null, 8, ["label", "value"]);
+              }), 64))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/form/common/dimension-input.vue3.js

@@ -0,0 +1,4 @@
+"use strict";
+const dimensionInput_vue_vue_type_script_setup_true_lang = require("./dimension-input.vue2.js");
+;/* empty css                     */
+module.exports = dimensionInput_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/design/views/assemblys/form/common/icon-set-dialog.css

@@ -0,0 +1,37 @@
+
+.icon-set-center-body[data-v-4aa5ce08]{
+	display: grid;
+	grid-template-columns:repeat(5,1fr);
+	grid-column-gap: 1px;
+}
+.icon-set-center-item[data-v-4aa5ce08]{
+	width: 100%;
+	height: 80px;
+	display: flex;
+	align-items: center;
+	flex-direction: column;
+	justify-content: center;
+	cursor: pointer;
+	border: 1px solid #eeeeee;
+}
+.icon-set-center-creation[data-v-4aa5ce08]{
+	width: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	cursor: pointer;
+	border: 1px solid #eeeeee;
+}
+.icon-set-center-item[data-v-4aa5ce08]:hover{
+	background-color: #f2f6fc;
+}
+.icon-set-center-creation[data-v-4aa5ce08]:hover{
+	background-color: #f2f6fc;
+}
+.icon-set-center-item-border[data-v-4aa5ce08]{
+	border: 1px solid #5893ef;
+	z-index: 1;
+}
+.el-form-item[data-v-4aa5ce08]{
+	margin-bottom: 20px;
+}

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

@@ -0,0 +1,6 @@
+"use strict";
+const iconSetDialog_vue_vue_type_script_setup_true_lang = require("./icon-set-dialog.vue2.js");
+;/* empty css                      */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const IconSetDialog = /* @__PURE__ */ _pluginVue_exportHelper(iconSetDialog_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-4aa5ce08"]]);
+module.exports = IconSetDialog;

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

@@ -0,0 +1,216 @@
+"use strict";
+const vue = require("vue");
+const iconsVue = require("@element-plus/icons-vue");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-4aa5ce08"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = { class: "icon-set-center-body" };
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("span", null, "新建", -1));
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "dialog-footer" };
+const _hoisted_5 = { class: "dialog-footer" };
+const _sfc_main = /* @__PURE__ */ vue.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 = vue.ref(props.modelValue);
+    const dialogVisible = vue.ref(false);
+    const selectIconName = vue.ref("");
+    const addIconDialogVisible = vue.ref(false);
+    const form = vue.reactive({});
+    const iconList = [
+      { name: "ChatLineRound", icon: iconsVue.ChatLineRound },
+      { name: "Unlock", icon: iconsVue.Unlock },
+      { name: "MuteNotification", icon: iconsVue.MuteNotification },
+      { name: "Operation", icon: iconsVue.Operation },
+      { name: "WarningFilled", icon: iconsVue.WarningFilled }
+    ];
+    vue.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 = vue.resolveComponent("el-button");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_form = vue.resolveComponent("el-form");
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(_component_el_input, {
+          modelValue: iconValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => iconValue.value = $event),
+          onClick: openDialog
+        }, {
+          append: vue.withCtx(() => [
+            vue.createVNode(_component_el_button, {
+              icon: vue.unref(iconsVue.Search),
+              onClick: openDialog
+            }, null, 8, ["icon"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        vue.createVNode(_component_el_dialog, {
+          modelValue: dialogVisible.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event),
+          title: "选择icon",
+          width: "40%"
+        }, {
+          footer: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_4, [
+              vue.createVNode(_component_el_button, {
+                onClick: _cache[2] || (_cache[2] = ($event) => dialogVisible.value = false)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("取消")
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_button, {
+                type: "primary",
+                onClick: addIcon
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(" 确定 ")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_1, [
+              vue.createElementVNode("div", {
+                class: "icon-set-center-creation",
+                onClick: _cache[1] || (_cache[1] = ($event) => addIconDialogVisible.value = true)
+              }, [
+                vue.createVNode(_component_el_icon, null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.Plus))
+                  ]),
+                  _: 1
+                }),
+                _hoisted_2
+              ]),
+              (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(iconList, (item, index) => {
+                return vue.createElementVNode("div", {
+                  key: index,
+                  class: vue.normalizeClass(selectIconName.value === item.name ? "icon-set-center-item icon-set-center-item-border" : "icon-set-center-item"),
+                  onClick: ($event) => selectIcon(item.name)
+                }, [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), { style: { "width": "40px", "height": "40px" } })),
+                  vue.createElementVNode("span", null, vue.toDisplayString(item.name), 1)
+                ], 10, _hoisted_3);
+              }), 64))
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        vue.createVNode(_component_el_dialog, {
+          modelValue: addIconDialogVisible.value,
+          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => addIconDialogVisible.value = $event),
+          title: "创建icon",
+          width: "30%"
+        }, {
+          footer: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_5, [
+              vue.createVNode(_component_el_button, {
+                onClick: _cache[7] || (_cache[7] = ($event) => addIconDialogVisible.value = false)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("取消")
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_button, {
+                type: "primary",
+                onClick: _cache[8] || (_cache[8] = ($event) => addIconDialogVisible.value = false)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(" 确定 ")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_form, {
+              model: form,
+              "label-width": "80px"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_form_item, {
+                  label: "类名",
+                  prop: "name",
+                  rules: [{ required: true, message: "请输入类名", trigger: "blur" }]
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_el_input, {
+                      size: "default",
+                      modelValue: form.name,
+                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.name = $event)
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_form_item, { label: "标准按钮" }, {
+                  default: vue.withCtx(() => [
+                    vue.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: vue.withCtx(() => [
+                        vue.createVNode(_component_el_option, {
+                          label: "Zone one",
+                          value: "shanghai"
+                        }),
+                        vue.createVNode(_component_el_option, {
+                          label: "Zone two",
+                          value: "beijing"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_form_item, { label: "备注" }, {
+                  default: vue.withCtx(() => [
+                    vue.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);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/form/common/linkage.vue.js

@@ -0,0 +1,53 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "linkage",
+  props: {
+    linkage: Object
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_option = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      return vue.openBlock(), vue.createBlock(_component_el_collapse_item, {
+        title: "联动",
+        name: "linkage",
+        class: "amb-design-attr-group-header"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.linkage, (item, index) => {
+              return vue.openBlock(), vue.createBlock(_component_el_form_item, {
+                key: index,
+                label: item.label,
+                class: "amb-design-attr-item"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_select, {
+                    modelValue: item.vaule,
+                    "onUpdate:modelValue": ($event) => item.vaule = $event,
+                    placeholder: "请选择"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_option, {
+                        label: "1",
+                        value: "1"
+                      })
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "onUpdate:modelValue"])
+                ]),
+                _: 2
+              }, 1032, ["label"]);
+            }), 128))
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/form/common/linkage.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const linkage_vue_vue_type_script_setup_true_lang = require("./linkage.vue.js");
+module.exports = linkage_vue_vue_type_script_setup_true_lang;