super-page-designer 1.2.4 → 2.0.3

package/dist/lib/components/design/views/assemblys/common/common-icon-bind.vue.js

@@ -1,478 +0,0 @@
-"use strict";
-const vue = require("vue");
-const iconsVue = require("@element-plus/icons-vue");
-const Icons = require("@element-plus/icons");
-const http = require("agilebuilder-ui/src/utils/request");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const Icons__namespace = /* @__PURE__ */ _interopNamespaceDefault(Icons);
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = { style: { "margin-top": "4px", "margin-bottom": "8px", "font-size": "10px", "display": "flex", "align-items": "center", "justify-self": "center" } };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("span", { style: { "margin-left": "5px" } }, "输入图标名后点击加号按钮添加", -1);
-const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("br", null, null, -1);
-const _hoisted_5 = ["title"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "common-icon-bind",
-  props: {
-    iconType: String,
-    iconValue: String,
-    size: {
-      type: String,
-      default: "medium"
-    },
-    showLabel: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const props = __props;
-    const typeOptions = [
-      {
-        value: "ElementUI",
-        label: "ElementUI"
-      },
-      {
-        value: "custom",
-        label: "自定义"
-      }
-    ];
-    vue.ref(false);
-    const cachePage = {};
-    const pagination = vue.ref({});
-    const iconType = vue.ref(props.iconType);
-    if (!iconType.value) {
-      iconType.value = typeOptions[0].value;
-    }
-    const thisIconValue = vue.ref("");
-    thisIconValue.value = props.iconValue;
-    vue.ref([]);
-    const selectOptions = vue.ref({});
-    const searchValue = vue.ref("");
-    const popoverRef = vue.ref();
-    const tableDatas = vue.ref([]);
-    vue.watch(searchValue, () => {
-      if (window.iconSearchTimeout) {
-        clearTimeout(window.iconSearchTimeout);
-      }
-      window.iconSearchTimeout = setTimeout(function() {
-        if (iconType.value == "custom") {
-          pagination.value.pageNo = 1;
-          queryCustomIcons();
-        } else {
-          pagination.value.pageNo = 1;
-          queryElementIcons();
-        }
-      }, 300);
-    });
-    function pageChange() {
-      console.log("pageChange");
-      console.log("pagination", pagination);
-      if (iconType.value == "custom") {
-        queryCustomIcons();
-      } else {
-        queryElementIcons();
-      }
-    }
-    function queryElementIcons() {
-      const allIcons = selectOptions.value.elementUIOptions;
-      const newOptions = allIcons.filter(
-        (data) => !searchValue.value || data.label.toLowerCase().includes(searchValue.value.toLowerCase()) || data.value.toLowerCase().includes(searchValue.value.toLowerCase())
-      );
-      if (!pagination.value.currentPage) {
-        pagination.value.currentPage = 1;
-      }
-      if (!pagination.value.pageSize) {
-        pagination.value.pageSize = 50;
-      }
-      let pageNo = pagination.value.currentPage;
-      const pageSize = pagination.value.pageSize;
-      let startIndex = (pageNo - 1) * pageSize;
-      if (startIndex + 2 > newOptions.length) {
-        startIndex = 0;
-        pageNo = 1;
-      }
-      const tempDatas = [];
-      for (let i = startIndex; i < startIndex + pageSize && i < newOptions.length; i++) {
-        tempDatas.push(newOptions[i]);
-      }
-      pagination.value.currentPage = pageNo;
-      pagination.value.total = newOptions.length;
-      tableDatas.value = tempDatas;
-      console.log("queryElementIcons size", newOptions.length);
-    }
-    function queryCustomIcons() {
-      const param = {
-        query: searchValue.value,
-        pageSize: pagination.value && pagination.value.pageSize ? pagination.value.pageSize : 50,
-        pageNo: pagination.value && pagination.value.pageNo ? pagination.value.pageNo : 1
-      };
-      searchValue.value;
-      http.post("/component/system-icon/query", param).then((result) => {
-        const data = result.data ? result.data : [];
-        const tempOptions = [];
-        for (let result2 of data) {
-          tempOptions.push({
-            value: result2.name,
-            label: result2.name
-          });
-        }
-        selectOptions.value.customOptions = tempOptions;
-        if (iconType.value == "custom") {
-          pagination.value.pageSize = result.size;
-          pagination.value.currentPage = result.page;
-          pagination.value.total = result.total;
-          tableDatas.value = tempOptions;
-        }
-      });
-    }
-    const tableHeight = vue.computed(() => {
-      let height = 185;
-      if (iconType.value == "custom") {
-        height = 170;
-      }
-      return height;
-    });
-    const searchWidthStyle = vue.computed(() => {
-      const style = {};
-      if (iconType.value == "custom") {
-        style.width = "200px";
-      }
-      return style;
-    });
-    function setSelectOptions() {
-      if (!selectOptions.value.elementUIOptions) {
-        if (!window.temp_Icon_Options) {
-          const options = [];
-          for (const [key, component] of Object.entries(Icons__namespace)) {
-            options.push({
-              value: key,
-              label: key,
-              component
-            });
-          }
-          options.sort(function(a, b) {
-            const aValue = a.value;
-            const bValue = b.value;
-            return aValue.localeCompare(bValue);
-          });
-          window.temp_Icon_Options = options;
-        }
-        selectOptions.value.elementUIOptions = window.temp_Icon_Options;
-      }
-    }
-    function paramTypeChange(selParamType) {
-      if (selParamType) {
-        if (Array.isArray(selParamType)) {
-          if (selParamType.length > 0) {
-            selParamType = selParamType[0];
-          }
-        }
-      }
-      iconType.value = selParamType;
-      let pageInfo = cachePage[iconType.value];
-      if (!pageInfo) {
-        pageInfo = {
-          currentPage: 1,
-          pageSize: 50,
-          total: 0
-        };
-        cachePage[iconType.value] = pageInfo;
-      }
-      pagination.value = pageInfo;
-      setValueOptions(iconType.value);
-      console.log("paramTypeChange");
-    }
-    function setValueOptions(value) {
-      if (value === "ElementUI") {
-        queryElementIcons();
-      } else if (value === "custom") {
-        queryCustomIcons();
-      }
-    }
-    function clearSelect() {
-      thisIconValue.value = "";
-      emits("update:modelValue", "", "");
-      popoverRef.value.hide();
-    }
-    function selectRow(row) {
-      thisIconValue.value = row.value;
-      emits("update:modelValue", iconType.value, thisIconValue.value);
-      popoverRef.value.hide();
-    }
-    function addIcon() {
-      searchValue.value = searchValue.value.trim();
-      if (!searchValue.value) {
-        ElMessage.warning("请输入图标名!");
-        return;
-      }
-      const tempValues = selectOptions.value.customOptions || [];
-      let isExist = false;
-      for (let t of tempValues) {
-        if (t.value === searchValue.value) {
-          isExist = true;
-          break;
-        }
-      }
-      iconType.value = "custom";
-      thisIconValue.value = searchValue.value;
-      searchValue.value = "";
-      emits("update:modelValue", iconType.value, thisIconValue.value);
-      popoverRef.value.hide();
-      if (!isExist) {
-        const iconInfo = {
-          name: searchValue.value
-        };
-        http.post("/component/system-params/add", iconInfo).then((result) => {
-          if (iconType.value == "custom") {
-            queryCustomIcons();
-          }
-        }).catch((error) => {
-          ElMessage.warning("保存图标失败!");
-          console.log("保存图标失败", error);
-        });
-      }
-    }
-    const tableRef = vue.ref();
-    function showPopover() {
-      vue.nextTick(() => {
-        setSelectOptions();
-        paramTypeChange(iconType.value);
-      });
-    }
-    return (_ctx, _cache) => {
-      const _component_el_icon = vue.resolveComponent("el-icon");
-      const _component_el_input = vue.resolveComponent("el-input");
-      const _component_el_menu_item = vue.resolveComponent("el-menu-item");
-      const _component_el_menu = vue.resolveComponent("el-menu");
-      const _component_el_col = vue.resolveComponent("el-col");
-      const _component_el_empty = vue.resolveComponent("el-empty");
-      const _component_el_button = vue.resolveComponent("el-button");
-      const _component_el_tag = vue.resolveComponent("el-tag");
-      const _component_el_tooltip = vue.resolveComponent("el-tooltip");
-      const _component_el_table_column = vue.resolveComponent("el-table-column");
-      const _component_el_table = vue.resolveComponent("el-table");
-      const _component_el_pagination = vue.resolveComponent("el-pagination");
-      const _component_el_row = vue.resolveComponent("el-row");
-      const _component_el_popover = vue.resolveComponent("el-popover");
-      return __props.showLabel ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(thisIconValue.value), 1)) : (vue.openBlock(), vue.createBlock(_component_el_popover, {
-        key: 1,
-        ref_key: "popoverRef",
-        ref: popoverRef,
-        trigger: "click",
-        width: 400
-      }, {
-        reference: vue.withCtx(() => [
-          vue.createVNode(_component_el_input, {
-            readonly: "",
-            size: "small",
-            onClick: showPopover,
-            modelValue: thisIconValue.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => thisIconValue.value = $event),
-            placeholder: "请选择"
-          }, {
-            suffix: vue.withCtx(() => [
-              vue.withDirectives(vue.createVNode(_component_el_icon, {
-                style: { "cursor": "pointer" },
-                onClick: vue.withModifiers(clearSelect, ["stop"])
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(iconsVue.CircleClose))
-                ]),
-                _: 1
-              }, 512), [
-                [vue.vShow, thisIconValue.value]
-              ])
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ]),
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_el_row, null, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_el_col, { span: 8 }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_el_menu, null, {
-                    default: vue.withCtx(() => [
-                      (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(typeOptions, (o) => {
-                        return vue.createVNode(_component_el_menu_item, {
-                          style: { "height": "40px", "padding-left": "0px" },
-                          class: vue.normalizeClass(o.value == iconType.value ? "is-active" : ""),
-                          onClick: ($event) => paramTypeChange(o.value)
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createVNode(_component_el_icon, null, {
-                              default: vue.withCtx(() => [
-                                vue.withDirectives(vue.createVNode(vue.unref(iconsVue.Check), null, null, 512), [
-                                  [vue.vShow, o.value == iconType.value]
-                                ])
-                              ]),
-                              _: 2
-                            }, 1024),
-                            vue.createElementVNode("span", null, vue.toDisplayString(o.label), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["class", "onClick"]);
-                      }), 64))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              !iconType.value ? (vue.openBlock(), vue.createBlock(_component_el_col, {
-                key: 0,
-                span: 16
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_el_empty, {
-                    description: "请选择类型",
-                    "image-size": 40
-                  })
-                ]),
-                _: 1
-              })) : (vue.openBlock(), vue.createBlock(_component_el_col, {
-                key: 1,
-                span: 16,
-                style: { "padding-left": "10px" }
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_el_input, {
-                    size: "small",
-                    modelValue: searchValue.value,
-                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchValue.value = $event),
-                    placeholder: "搜索",
-                    "suffix-icon": vue.unref(iconsVue.Search),
-                    style: vue.normalizeStyle([{ "margin-bottom": "5px", "height": "25px" }, searchWidthStyle.value])
-                  }, null, 8, ["modelValue", "suffix-icon", "style"]),
-                  vue.withDirectives(vue.createVNode(_component_el_button, {
-                    style: { "float": "right" },
-                    onClick: addIcon,
-                    size: "small",
-                    type: "primary",
-                    icon: vue.unref(iconsVue.Plus),
-                    circle: ""
-                  }, null, 8, ["icon"]), [
-                    [vue.vShow, iconType.value == "custom"]
-                  ]),
-                  vue.withDirectives(vue.createElementVNode("div", _hoisted_2, [
-                    vue.createVNode(_component_el_icon, null, {
-                      default: vue.withCtx(() => [
-                        vue.createVNode(vue.unref(iconsVue.InfoFilled))
-                      ]),
-                      _: 1
-                    }),
-                    _hoisted_3,
-                    vue.createTextVNode("   "),
-                    vue.createVNode(_component_el_tooltip, null, {
-                      content: vue.withCtx(() => [
-                        vue.createTextVNode(" 1.支持fa图标,图标名称详见官网：https://fontawesome.com.cn/v4/icons-ui/; "),
-                        _hoisted_4,
-                        vue.createTextVNode(" 2.支持svg图标,需以svg-开头,接svg内容,如：svg-xxxxxx. ")
-                      ]),
-                      default: vue.withCtx(() => [
-                        vue.createVNode(_component_el_tag, { type: "primary" }, {
-                          default: vue.withCtx(() => [
-                            vue.createTextVNode("更多")
-                          ]),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    })
-                  ], 512), [
-                    [vue.vShow, iconType.value == "custom"]
-                  ]),
-                  vue.createVNode(_component_el_table, {
-                    ref_key: "tableRef",
-                    ref: tableRef,
-                    height: tableHeight.value,
-                    "show-header": false,
-                    size: "small",
-                    "current-row-key": "code",
-                    "row-key": "code",
-                    "tree-props": { children: "items" },
-                    "highlight-current-row": true,
-                    data: tableDatas.value
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(_component_el_table_column, { width: "65" }, {
-                        default: vue.withCtx((scope) => [
-                          vue.createVNode(_component_el_button, {
-                            size: "small",
-                            onClick: ($event) => selectRow(scope.row)
-                          }, {
-                            default: vue.withCtx(() => [
-                              vue.createTextVNode(" 选择 ")
-                            ]),
-                            _: 2
-                          }, 1032, ["onClick"])
-                        ]),
-                        _: 1
-                      }),
-                      vue.createVNode(_component_el_table_column, {
-                        label: "名称",
-                        prop: "value",
-                        width: "120"
-                      }, {
-                        default: vue.withCtx((scope) => [
-                          vue.createElementVNode("span", {
-                            style: { "text-align": "left" },
-                            title: scope.row.value
-                          }, vue.toDisplayString(scope.row.value), 9, _hoisted_5)
-                        ]),
-                        _: 1
-                      }),
-                      vue.createVNode(_component_el_table_column, { label: "图标" }, {
-                        default: vue.withCtx((scope) => [
-                          scope.row.component ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(scope.row.component), {
-                            key: 0,
-                            style: { "width": "20px" }
-                          })) : vue.createCommentVNode("", true)
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["height", "data"]),
-                  vue.createVNode(_component_el_pagination, {
-                    style: { "margin-top": "10px", "justify-content": "center" },
-                    "current-page": pagination.value.currentPage,
-                    "onUpdate:currentPage": _cache[2] || (_cache[2] = ($event) => pagination.value.currentPage = $event),
-                    "page-size": pagination.value.pageSize,
-                    "onUpdate:pageSize": _cache[3] || (_cache[3] = ($event) => pagination.value.pageSize = $event),
-                    size: _ctx.small,
-                    "pager-count": 3,
-                    layout: "pager,total",
-                    total: pagination.value.total,
-                    onCurrentChange: pageChange
-                  }, null, 8, ["current-page", "page-size", "size", "total"])
-                ]),
-                _: 1
-              }))
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 512));
-    };
-  }
-});
-module.exports = _sfc_main;

package/dist/lib/components/design/views/assemblys/common/common-icon-bind.vue2.js

@@ -1,3 +0,0 @@
-"use strict";
-const commonIconBind_vue_vue_type_script_setup_true_lang = require("./common-icon-bind.vue.js");
-module.exports = commonIconBind_vue_vue_type_script_setup_true_lang;