@vipl520/dk-ui 1.0.1

package/lib/packages/dk-ui/src/icon/src/icon.vue2.js

@@ -0,0 +1,80 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var iconify = require('../../../../../node_modules/.pnpm/@iconify_vue@4.1.1_vue@3.3.4/node_modules/@iconify/vue/dist/iconify.js');
+var utils = require('@vipl520/utils');
+var props = require('./props.js');
+var index = require('../../../../../node_modules/.pnpm/@element-plus_icons-vue@2.1.0_vue@3.3.4/node_modules/@element-plus/icons-vue/dist/index.js');
+var config = require('../../../../../node_modules/.pnpm/@vant_icons@3.0.2/node_modules/@vant/icons/src/config.js');
+
+const __default__ = vue.defineComponent({
+  name: "DkIcon"
+});
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: props.iconProps,
+  setup(__props) {
+    const props = __props;
+    const [_, bem] = utils.createNamespace("icon");
+    const elIcons = Object.keys(index).map((key) => {
+      return key;
+    });
+    const getIconifyStyle = vue.computed(() => {
+      const { color, size } = props;
+      return {
+        fontSize: `${size}px`,
+        color,
+        "--hover-color": props.hoverColor
+      };
+    });
+    const iconType = vue.computed(() => {
+      let type = "cloud";
+      if (elIcons.includes(props.icon) && props.showEl) {
+        type = "el";
+      }
+      if (props.showVant) {
+        if (config.default.basic.includes(props.icon)) {
+          type = "vant";
+        }
+        if (config.default.outline.includes(props.icon)) {
+          type = "vant";
+        }
+        if (config.default.filled.includes(props.icon)) {
+          type = "vant";
+        }
+      }
+      return type;
+    });
+    return (_ctx, _cache) => {
+      const _component_van_icon = vue.resolveComponent("van-icon");
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      return vue.openBlock(), vue.createBlock(_component_el_icon, {
+        class: vue.normalizeClass(vue.unref(bem)()),
+        style: vue.normalizeStyle(getIconifyStyle.value)
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            iconType.value === "cloud" ? (vue.openBlock(), vue.createBlock(vue.unref(iconify.Icon), {
+              key: 0,
+              icon: props.icon
+            }, null, 8, ["icon"])) : vue.createCommentVNode("v-if", true),
+            iconType.value === "el" ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.icon), { key: 1 })) : vue.createCommentVNode("v-if", true),
+            iconType.value === "vant" ? (vue.openBlock(), vue.createBlock(_component_van_icon, {
+              key: 2,
+              class: vue.normalizeClass(vue.unref(bem)()),
+              name: props.icon,
+              style: vue.normalizeStyle(getIconifyStyle.value)
+            }, null, 8, ["class", "name", "style"])) : vue.createCommentVNode("v-if", true)
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["class", "style"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=icon.vue2.js.map

package/lib/packages/dk-ui/src/icon/src/icon.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.vue2.js","sources":["../../../../../../src/icon/src/icon.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkIcon',\n});\n</script>\n<template>\n  <el-icon :class=\"bem()\" :style=\"getIconifyStyle\">\n    <slot>\n      <Icon v-if=\"iconType === 'cloud'\" :icon=\"props.icon\" />\n      <component :is=\"props.icon\" v-if=\"iconType === 'el'\" />\n      <van-icon v-if=\"iconType === 'vant'\" :class=\"bem()\" :name=\"props.icon\" :style=\"getIconifyStyle\"></van-icon>\n    </slot>\n  </el-icon>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\nimport { computed } from 'vue'\nimport { createNamespace } from '@vipl520/utils'\nimport { iconProps } from './props'\nimport * as ElementPlusIconsVue from '@element-plus/icons-vue'\nimport icons from '@vant/icons'\n\nconst [_, bem] = createNamespace('icon')\n\n\nconst props = defineProps(iconProps)\n// 获取element-plus所有图标\nconst elIcons = Object.keys(ElementPlusIconsVue).map((key) => {\n  return key\n})\nconst getIconifyStyle = computed(() => {\n  const { color, size } = props\n  return {\n    fontSize: `${size}px`,\n    color,\n    '--hover-color': props.hoverColor,\n  }\n})\n\nconst iconType = computed(() => {\n  let type = 'cloud'\n  if (elIcons.includes(props.icon) && props.showEl) {\n    type = 'el'\n  }\n  if (props.showVant) {\n    // 这里类型有些问题\n    if (icons.basic.includes(props.icon)) {\n      type = 'vant'\n    }\n    if (icons.outline.includes(props.icon)) {\n      type = 'vant'\n    }\n    if (icons.filled.includes(props.icon)) {\n      type = 'vant'\n    }\n  }\n  return type\n})\n</script>\n"],"names":["__MACROS_defineComponent","createNamespace","ElementPlusIconsVue","computed","icons"],"mappings":";;;;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,QAAA;AACR,CAAC,CAAA,CAAA;;;;;;AAoBD,IAAA,MAAM,CAAC,CAAA,EAAG,GAAG,CAAA,GAAIC,sBAAgB,MAAM,CAAA,CAAA;AAKvC,IAAA,MAAM,UAAU,MAAO,CAAA,IAAA,CAAKC,KAAmB,CAAE,CAAA,GAAA,CAAI,CAAC,GAAQ,KAAA;AAC5D,MAAO,OAAA,GAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAM,MAAA,eAAA,GAAkBC,aAAS,MAAM;AACrC,MAAM,MAAA,EAAE,KAAO,EAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AACxB,MAAO,OAAA;AAAA,QACL,QAAA,EAAU,GAAG,IAAI,CAAA,EAAA,CAAA;AAAA,QACjB,KAAA;AAAA,QACA,iBAAiB,KAAM,CAAA,UAAA;AAAA,OACzB,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAWA,aAAS,MAAM;AAC9B,MAAA,IAAI,IAAO,GAAA,OAAA,CAAA;AACX,MAAA,IAAI,QAAQ,QAAS,CAAA,KAAA,CAAM,IAAI,CAAA,IAAK,MAAM,MAAQ,EAAA;AAChD,QAAO,IAAA,GAAA,IAAA,CAAA;AAAA,OACT;AACA,MAAA,IAAI,MAAM,QAAU,EAAA;AAElB,QAAA,IAAIC,cAAM,CAAA,KAAA,CAAM,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACpC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AACA,QAAA,IAAIA,cAAM,CAAA,OAAA,CAAQ,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACtC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AACA,QAAA,IAAIA,cAAM,CAAA,MAAA,CAAO,QAAS,CAAA,KAAA,CAAM,IAAI,CAAG,EAAA;AACrC,UAAO,IAAA,GAAA,MAAA,CAAA;AAAA,SACT;AAAA,OACF;AACA,MAAO,OAAA,IAAA,CAAA;AAAA,KACR,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/dk-ui/src/icon/src/props.js

@@ -0,0 +1,38 @@
+'use strict';
+
+const iconProps = {
+  /**
+   * 类型定义
+   */
+  // icon name
+  icon: {
+    default: "",
+    type: String
+  },
+  // icon color
+  color: {
+    default: "",
+    type: String
+  },
+  // icon size
+  size: {
+    default: 14,
+    type: Number
+  },
+  // icon hover
+  hoverColor: {
+    default: "",
+    type: String
+  },
+  showEl: {
+    default: true,
+    type: Boolean
+  },
+  showVant: {
+    default: true,
+    type: Boolean
+  }
+};
+
+exports.iconProps = iconProps;
+//# sourceMappingURL=props.js.map

package/lib/packages/dk-ui/src/icon/src/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../../../../src/icon/src/props.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const iconProps = {\n  /**\n   * 类型定义\n   */\n  // icon name\n  icon: {\n    default: '',\n    type: String,\n  },\n  // icon color\n  color: {\n    default: '',\n    type: String,\n  },\n  // icon size\n  size: {\n    default: 14,\n    type: Number,\n  },\n  // icon hover\n  hoverColor: {\n    default: '',\n    type: String,\n  },\n  showEl: {\n    default: true,\n    type: Boolean,\n  },\n  showVant: {\n    default: true,\n    type: Boolean,\n  },\n}\n\nexport type IconProps = ExtractPropTypes<typeof iconProps>\n"],"names":[],"mappings":";;AAEO,MAAM,SAAY,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKvB,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,OAAS,EAAA,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,OAAS,EAAA,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,IAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,GACR;AACF;;;;"}

package/lib/packages/dk-ui/src/icon-input/index.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@vipl520/utils');
+var iconInput = require('./src/icon-input.vue.js');
+var iconContent = require('./src/icon-content.vue.js');
+var iconDialog = require('./src/icon-dialog.vue.js');
+var props = require('./src/props.js');
+
+const IconInput = utils.withInstall(iconInput.default);
+const IconContent = utils.withInstall(iconContent.default);
+const IconDialog = utils.withInstall(iconDialog.default);
+
+exports.iconContentProps = props.iconContentProps;
+exports.iconDialogProps = props.iconDialogProps;
+exports.iconInputProps = props.iconInputProps;
+exports.IconContent = IconContent;
+exports.IconDialog = IconDialog;
+exports.IconInput = IconInput;
+exports.default = IconInput;
+//# sourceMappingURL=index.js.map

package/lib/packages/dk-ui/src/icon-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/icon-input/index.ts"],"sourcesContent":["import { withInstall } from '@vipl520/utils'\nimport _IconInput from './src/icon-input.vue'\nimport _IconContent from './src/icon-content.vue'\nimport _IconDialog from './src/icon-dialog.vue'\n\nexport const IconInput = withInstall(_IconInput)\nexport const IconContent = withInstall(_IconContent)\nexport const IconDialog = withInstall(_IconDialog)\nexport default IconInput\n\nexport * from './src/props'\n"],"names":["withInstall","_IconInput","_IconContent","_IconDialog"],"mappings":";;;;;;;;;;AAKa,MAAA,SAAA,GAAYA,kBAAYC,iBAAU,EAAA;AAClC,MAAA,WAAA,GAAcD,kBAAYE,mBAAY,EAAA;AACtC,MAAA,UAAA,GAAaF,kBAAYG,kBAAW;;;;;;;;;;"}

package/lib/packages/dk-ui/src/icon-input/src/icon-content.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var iconContent_vue_vue_type_script_setup_true_lang = require('./icon-content.vue2.js');
+var _pluginVue_exportHelper = require('../../../../../_virtual/_plugin-vue_export-helper.js');
+
+var _IconContent = /* @__PURE__ */ _pluginVue_exportHelper.default(iconContent_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui_test\\dk-ui-all\\packages\\dk-ui\\src\\icon-input\\src\\icon-content.vue"]]);
+
+exports.default = _IconContent;
+//# sourceMappingURL=icon-content.vue.js.map

package/lib/packages/dk-ui/src/icon-input/src/icon-content.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-content.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/lib/packages/dk-ui/src/icon-input/src/icon-content.vue2.js

@@ -0,0 +1,256 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../../../../node_modules/.pnpm/@element-plus_icons-vue@2.1.0_vue@3.3.4/node_modules/@element-plus/icons-vue/dist/index.js');
+var iconify = require('../../../../../node_modules/.pnpm/@iconify_vue@4.1.1_vue@3.3.4/node_modules/@iconify/vue/dist/iconify.js');
+var common = require('../../api/common.js');
+var config = require('../../../../../node_modules/.pnpm/@vant_icons@3.0.2/node_modules/@vant/icons/src/config.js');
+var props = require('./props.js');
+
+const _hoisted_1 = { class: "dk-icon-content" };
+const _hoisted_2 = {
+  key: 0,
+  class: "text-center",
+  style: { "font-size": "12px", "color": "#999" }
+};
+const _hoisted_3 = { class: "search-icon" };
+const __default__ = vue.defineComponent({
+  name: "DkIconContent"
+});
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: props.iconContentProps,
+  emits: ["choose"],
+  setup(__props, { expose: __expose, emit }) {
+    const props = __props;
+    iconify.disableCache("all");
+    function convertIconsToArray(iconsObj) {
+      let iconArray = [];
+      for (const key in iconsObj) {
+        if (iconsObj.hasOwnProperty(key) && Array.isArray(iconsObj[key])) {
+          iconArray = iconArray.concat(iconsObj[key]);
+        }
+      }
+      return iconArray;
+    }
+    const elIcons = Object.keys(index).map((key) => {
+      return key;
+    });
+    const vantIcons = convertIconsToArray(config.default);
+    const _elIcons = vue.ref(elIcons);
+    const _vantIcons = vue.ref(vantIcons);
+    const iconifyIcons = iconify.listIcons();
+    const _iconifyIcons = vue.ref(iconifyIcons);
+    const determineActiveName = () => {
+      const { el, vant, cloud } = props.showTab;
+      if (el) {
+        return "element";
+      } else if (vant) {
+        return "vant";
+      } else if (cloud) {
+        return "cloud";
+      }
+      return props.type;
+    };
+    const activeName = vue.ref(determineActiveName());
+    const searchIcon = vue.ref("");
+    const searchPlaceholder = vue.computed(() => {
+      if (activeName.value === "element") {
+        return "\u641C\u7D22element-plus\u56FE\u6807";
+      } else if (activeName.value === "vant") {
+        return "\u641C\u7D22vant\u56FE\u6807";
+      } else {
+        return "\u641C\u7D22\u4E91\u7AEF\u56FE\u6807";
+      }
+    });
+    const chooseIcon = vue.ref("");
+    const onChooseIcon = (icon) => {
+      chooseIcon.value = icon;
+      emit("choose", icon);
+    };
+    const onSearch = () => {
+      if (activeName.value === "element") {
+        const searchTerm = searchIcon.value.toLowerCase();
+        console.log(searchTerm);
+        _elIcons.value = elIcons.filter((item) => {
+          if (searchTerm) {
+            const lowerItem = item.toLowerCase();
+            if (lowerItem.includes(searchTerm)) {
+              return true;
+            }
+          }
+          return false;
+        });
+      } else if (activeName.value === "vant") {
+        console.log("use");
+        _vantIcons.value = vantIcons.filter((item) => {
+          if (searchIcon.value) {
+            const lowerItem = item.toLowerCase();
+            if (lowerItem.includes(searchIcon.value)) {
+              return true;
+            }
+          }
+          return false;
+        });
+      } else {
+        common.getIcons(searchIcon.value).then((res) => {
+          _iconifyIcons.value = res.data;
+        }).catch((res) => {
+          console.log(res);
+        });
+      }
+    };
+    const onClear = () => {
+      searchIcon.value = "";
+      _elIcons.value = elIcons;
+      _iconifyIcons.value = iconifyIcons;
+      _vantIcons.value = vantIcons;
+    };
+    __expose({
+      chooseIcon
+    });
+    return (_ctx, _cache) => {
+      const _component_dk_icon = vue.resolveComponent("dk-icon");
+      const _component_el_tab_pane = vue.resolveComponent("el-tab-pane");
+      const _component_el_empty = vue.resolveComponent("el-empty");
+      const _component_el_tabs = vue.resolveComponent("el-tabs");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_input = vue.resolveComponent("el-input");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(_component_el_tabs, {
+          modelValue: activeName.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeName.value = $event)
+        }, {
+          default: vue.withCtx(() => [
+            props.showTab.el ? (vue.openBlock(), vue.createBlock(_component_el_tab_pane, {
+              key: 0,
+              label: "element\u56FE\u6807",
+              name: "element",
+              class: "dk-tab-pane"
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(_elIcons.value, (item, key) => {
+                    return vue.openBlock(), vue.createBlock(_component_dk_icon, {
+                      key,
+                      size: 36,
+                      color: item == chooseIcon.value ? "var(--el-color-primary)" : "",
+                      class: vue.normalizeClass([item == chooseIcon.value ? "choose-icon" : "dk-icon", "cursor-pointer"]),
+                      "hover-color": "var(--el-color-primary)",
+                      onClick: ($event) => onChooseIcon(item)
+                    }, {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item)))
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1032, ["color", "class", "onClick"]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            })) : vue.createCommentVNode("v-if", true),
+            props.showTab.vant ? (vue.openBlock(), vue.createBlock(_component_el_tab_pane, {
+              key: 1,
+              label: "vant\u56FE\u6807",
+              name: "vant",
+              class: "dk-tab-pane"
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(_vantIcons.value, (item, key) => {
+                    return vue.openBlock(), vue.createBlock(_component_dk_icon, {
+                      key,
+                      size: 36,
+                      color: item == chooseIcon.value ? "#409eff" : "",
+                      class: vue.normalizeClass([item == chooseIcon.value ? "choose-icon" : "dk-icon", "cursor-pointer"]),
+                      "hover-color": "var(--el-color-primary)",
+                      icon: item,
+                      onClick: ($event) => onChooseIcon(item)
+                    }, null, 8, ["color", "class", "icon", "onClick"]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ]),
+              _: 1
+              /* STABLE */
+            })) : vue.createCommentVNode("v-if", true),
+            props.showTab.cloud ? (vue.openBlock(), vue.createBlock(_component_el_tab_pane, {
+              key: 2,
+              label: "\u4E91\u7AEF\u56FE\u6807",
+              name: "cloud",
+              class: "dk-tab-pane"
+            }, {
+              default: vue.withCtx(() => [
+                _iconifyIcons.value.length > 0 ? (vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  { key: 0 },
+                  [
+                    (vue.openBlock(true), vue.createElementBlock(
+                      vue.Fragment,
+                      null,
+                      vue.renderList(_iconifyIcons.value, (item, key) => {
+                        return vue.openBlock(), vue.createBlock(_component_dk_icon, {
+                          key,
+                          icon: item,
+                          size: 36,
+                          "hover-color": "var(--el-color-primary)",
+                          color: item == chooseIcon.value ? "#409eff" : "",
+                          class: vue.normalizeClass([item == chooseIcon.value ? "choose-icon" : "dk-icon", "cursor-pointer"]),
+                          onClick: ($event) => onChooseIcon(item)
+                        }, null, 8, ["icon", "color", "class", "onClick"]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    )),
+                    !searchIcon.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, "\u5F53\u524D\u663E\u793A\u5DF2\u7F13\u5B58\u7684\u56FE\u6807")) : vue.createCommentVNode("v-if", true)
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                )) : (vue.openBlock(), vue.createBlock(_component_el_empty, {
+                  key: 1,
+                  description: "\u6682\u65E0\u56FE\u6807\uFF0C\u8BF7\u641C\u7D22"
+                }))
+              ]),
+              _: 1
+              /* STABLE */
+            })) : vue.createCommentVNode("v-if", true)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue"]),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createVNode(_component_el_input, {
+            modelValue: searchIcon.value,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchIcon.value = $event),
+            clearable: "",
+            placeholder: searchPlaceholder.value,
+            onClear
+          }, {
+            append: vue.withCtx(() => [
+              vue.createVNode(_component_el_button, {
+                icon: vue.unref(index.Search),
+                onClick: _cache[1] || (_cache[1] = ($event) => onSearch())
+              }, null, 8, ["icon"])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["modelValue", "placeholder"])
+        ])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=icon-content.vue2.js.map

package/lib/packages/dk-ui/src/icon-input/src/icon-content.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-content.vue2.js","sources":["../../../../../../src/icon-input/src/icon-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkIconContent',\n});\n</script>\n<template>\n  <div class=\"dk-icon-content\">\n    <el-tabs v-model=\"activeName\">\n      <el-tab-pane v-if=\"props.showTab.el\" label=\"element图标\" name=\"element\" class=\"dk-tab-pane\">\n        <dk-icon\n          v-for=\"(item, key) in _elIcons\"\n          :key=\"key\"\n          :size=\"36\"\n          :color=\"item == chooseIcon ? 'var(--el-color-primary)' : ''\"\n          :class=\"item == chooseIcon ? 'choose-icon' : 'dk-icon'\"\n          class=\"cursor-pointer\"\n          hover-color=\"var(--el-color-primary)\"\n          @click=\"onChooseIcon(item)\"\n        >\n          <component :is=\"item\" />\n        </dk-icon>\n      </el-tab-pane>\n      <el-tab-pane v-if=\"props.showTab.vant\" label=\"vant图标\" name=\"vant\" class=\"dk-tab-pane\">\n        <dk-icon\n          v-for=\"(item, key) in _vantIcons\"\n          :key=\"key\"\n          :size=\"36\"\n          :color=\"item == chooseIcon ? '#409eff' : ''\"\n          :class=\"item == chooseIcon ? 'choose-icon' : 'dk-icon'\"\n          class=\"cursor-pointer\"\n          hover-color=\"var(--el-color-primary)\"\n          :icon=\"item\"\n          @click=\"onChooseIcon(item)\"\n        >\n        </dk-icon>\n      </el-tab-pane>\n      <el-tab-pane v-if=\"props.showTab.cloud\" label=\"云端图标\" name=\"cloud\" class=\"dk-tab-pane\">\n        <template v-if=\"_iconifyIcons.length > 0\">\n          <dk-icon\n            v-for=\"(item, key) in _iconifyIcons\"\n            :key=\"key\"\n            :icon=\"item\"\n            :size=\"36\"\n            hover-color=\"var(--el-color-primary)\"\n            :color=\"item == chooseIcon ? '#409eff' : ''\"\n            :class=\"item == chooseIcon ? 'choose-icon' : 'dk-icon'\"\n            class=\"cursor-pointer\"\n            @click=\"onChooseIcon(item)\"\n          >\n          </dk-icon>\n          <p v-if=\"!searchIcon\" class=\"text-center\" style=\"font-size: 12px; color: #999\">当前显示已缓存的图标</p>\n        </template>\n        <el-empty v-else description=\"暂无图标，请搜索\"></el-empty>\n      </el-tab-pane>\n    </el-tabs>\n    <div class=\"search-icon\">\n      <el-input v-model=\"searchIcon\" clearable :placeholder=\"searchPlaceholder\" @clear=\"onClear\">\n        <template #append>\n          <el-button :icon=\"Search\" @click=\"onSearch()\" />\n        </template>\n      </el-input>\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, ref, watch, watchEffect } from 'vue'\nimport * as ElementPlusIconsVue from '@element-plus/icons-vue'\nimport { Search } from '@element-plus/icons-vue'\nimport { listIcons, disableCache } from '@iconify/vue'\nimport { getIcons } from '../../api/common'\nimport icons from '@vant/icons'\nimport { iconContentProps } from './props'\n\n// Disable all caching\ndisableCache('all')\n// List all icons\n\nconst props = defineProps(iconContentProps)\n\nfunction convertIconsToArray(iconsObj: any) {\n  let iconArray: any = []\n  for (const key in iconsObj) {\n    // eslint-disable-next-line no-prototype-builtins\n    if (iconsObj.hasOwnProperty(key) && Array.isArray(iconsObj[key])) {\n      iconArray = iconArray.concat(iconsObj[key])\n    }\n  }\n  return iconArray\n}\n\n// 获取element-plus所有图标\nconst elIcons = Object.keys(ElementPlusIconsVue).map((key) => {\n  return key\n})\n\nconst vantIcons = convertIconsToArray(icons)\n\nconst _elIcons = ref(elIcons)\nconst _vantIcons = ref(vantIcons)\n\nconst iconifyIcons = listIcons()\nconst _iconifyIcons = ref(iconifyIcons)\n\n// 选中的tab\n// const activeName = ref(props.type)\nconst determineActiveName = () => {\n  const { el, vant, cloud } = props.showTab\n\n  if (el) {\n    return 'element'\n  } else if (vant) {\n    return 'vant'\n  } else if (cloud) {\n    return 'cloud'\n  }\n\n  return props.type // 如果所有的选项都是 false，使用 type 的默认值\n}\n\n// 初始化 activeName\nconst activeName = ref(determineActiveName())\n\nconst searchIcon = ref('')\nconst searchPlaceholder = computed(() => {\n  if (activeName.value === 'element') {\n    return '搜索element-plus图标'\n  } else if (activeName.value === 'vant') {\n    return '搜索vant图标'\n  } else {\n    return '搜索云端图标'\n  }\n})\n// 选中的图标\nconst chooseIcon = ref('')\nconst emit = defineEmits(['choose'])\n\n// 选择图标\nconst onChooseIcon = (icon: string) => {\n  chooseIcon.value = icon\n  emit('choose', icon)\n}\nconst onSearch = () => {\n  if (activeName.value === 'element') {\n    const searchTerm = searchIcon.value.toLowerCase() // 将搜索关键字转换为小写\n    console.log(searchTerm)\n    _elIcons.value = elIcons.filter((item) => {\n      if (searchTerm) {\n        const lowerItem = item.toLowerCase() // 将图标名转换为小写\n        // 模糊查询匹配\n        if (lowerItem.includes(searchTerm)) {\n          return true // 匹配成功，返回 true\n        }\n      }\n      return false // 没有匹配，返回 false\n    })\n  } else if (activeName.value === 'vant') {\n    console.log('use')\n    _vantIcons.value = vantIcons.filter((item: any) => {\n      if (searchIcon.value) {\n        const lowerItem = item.toLowerCase() // 将图标名转换为小写\n        // 模糊查询匹配\n        if (lowerItem.includes(searchIcon.value)) {\n          return true // 匹配成功，返回 true\n        }\n      }\n      return false // 没有匹配，返回 false\n    })\n  } else {\n    // 云端\n    getIcons(searchIcon.value)\n      .then((res) => {\n        _iconifyIcons.value = res.data\n      })\n      .catch((res) => {\n        console.log(res)\n      })\n  }\n}\n\nconst onClear = () => {\n  searchIcon.value = ''\n  _elIcons.value = elIcons\n  _iconifyIcons.value = iconifyIcons\n  _vantIcons.value = vantIcons\n}\n\n// 导出ref\ndefineExpose({\n  chooseIcon,\n})\n</script>\n"],"names":["__MACROS_defineComponent","disableCache","ElementPlusIconsVue","icons","ref","listIcons","computed","getIcons"],"mappings":"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"}

package/lib/packages/dk-ui/src/icon-input/src/icon-dialog.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var iconDialog_vue_vue_type_script_setup_true_lang = require('./icon-dialog.vue2.js');
+var _pluginVue_exportHelper = require('../../../../../_virtual/_plugin-vue_export-helper.js');
+
+var _IconDialog = /* @__PURE__ */ _pluginVue_exportHelper.default(iconDialog_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui_test\\dk-ui-all\\packages\\dk-ui\\src\\icon-input\\src\\icon-dialog.vue"]]);
+
+exports.default = _IconDialog;
+//# sourceMappingURL=icon-dialog.vue.js.map

package/lib/packages/dk-ui/src/icon-input/src/icon-dialog.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-dialog.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/lib/packages/dk-ui/src/icon-input/src/icon-dialog.vue2.js

@@ -0,0 +1,88 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var props = require('./props.js');
+var iconContent = require('./icon-content.vue.js');
+
+const _hoisted_1 = { class: "text-center m2" };
+const __default__ = vue.defineComponent({
+  name: "DkIconDialog"
+});
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: props.iconDialogProps,
+  emits: ["choose", "confirm"],
+  setup(__props, { expose: __expose, emit }) {
+    const props = __props;
+    const dialogVisible = vue.ref(false);
+    const iconContent$1 = vue.ref();
+    const chooseIcon = vue.ref("");
+    const open = () => {
+      dialogVisible.value = true;
+    };
+    __expose({ dialogVisible, open, iconContent: iconContent$1 });
+    const onChoose = (icon) => {
+      chooseIcon.value = icon;
+      emit("choose", icon);
+    };
+    const confirm = () => {
+      dialogVisible.value = false;
+      emit("confirm", chooseIcon.value);
+    };
+    const cancel = () => {
+      dialogVisible.value = false;
+    };
+    return (_ctx, _cache) => {
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_dk_dialog = vue.resolveComponent("dk-dialog");
+      return vue.openBlock(), vue.createBlock(_component_dk_dialog, {
+        modelValue: dialogVisible.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dialogVisible.value = $event),
+        title: "\u9009\u62E9\u56FE\u6807",
+        width: "800px",
+        class: "dk-icon-dialog"
+      }, {
+        footer: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createVNode(_component_el_button, {
+              type: "primary",
+              onClick: confirm
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("\u786E\u5B9A")
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            vue.createVNode(_component_el_button, { onClick: cancel }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("\u5173\u95ED")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(
+            iconContent.default,
+            vue.mergeProps({
+              ref_key: "iconContent",
+              ref: iconContent$1
+            }, props, { onChoose }),
+            null,
+            16
+            /* FULL_PROPS */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=icon-dialog.vue2.js.map

package/lib/packages/dk-ui/src/icon-input/src/icon-dialog.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-dialog.vue2.js","sources":["../../../../../../src/icon-input/src/icon-dialog.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: 'DkIconDialog',\n});\n</script>\n<template>\n  <dk-dialog\n    v-model=\"dialogVisible\"\n    title=\"选择图标\"\n    width=\"800px\"\n    class=\"dk-icon-dialog\"\n  >\n    <dk-icon-content\n      ref=\"iconContent\"\n      v-bind=\"props\"\n      @choose=\"onChoose\"\n    ></dk-icon-content>\n    <template #footer>\n      <div class=\"text-center m2\">\n        <el-button type=\"primary\" @click=\"confirm\">确定</el-button>\n        <el-button @click=\"cancel\">关闭</el-button>\n      </div>\n    </template>\n  </dk-dialog>\n</template>\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { iconDialogProps } from './props'\nimport DkIconContent from './icon-content.vue'\n\nconst props = defineProps(iconDialogProps)\nconst dialogVisible = ref(false)\nconst iconContent = ref()\nconst chooseIcon = ref('')\nconst emit = defineEmits(['choose', 'confirm'])\nconst open = () => {\n  dialogVisible.value = true\n}\n\ndefineExpose({ dialogVisible, open, iconContent })\n\nconst onChoose = (icon: string) => {\n  chooseIcon.value = icon\n  emit('choose', icon)\n}\n\nconst confirm = () => {\n  dialogVisible.value = false\n  emit('confirm', chooseIcon.value)\n}\n\nconst cancel = () => {\n  dialogVisible.value = false\n}\n</script>\n"],"names":["__MACROS_defineComponent","ref","iconContent"],"mappings":";;;;;;;;;AAEA,MAA6B,cAAAA,mBAAyB,CAAA;AAAA,EACpD,IAAM,EAAA,cAAA;AACR,CAAC,CAAA,CAAA;;;;;;;AA4BD,IAAM,MAAA,aAAA,GAAgBC,QAAI,KAAK,CAAA,CAAA;AAC/B,IAAA,MAAMC,gBAAcD,OAAI,EAAA,CAAA;AACxB,IAAM,MAAA,UAAA,GAAaA,QAAI,EAAE,CAAA,CAAA;AAEzB,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAA,QAAA,CAAa,EAAE,aAAA,EAAe,IAAM,eAAAC,aAAA,EAAa,CAAA,CAAA;AAEjD,IAAM,MAAA,QAAA,GAAW,CAAC,IAAiB,KAAA;AACjC,MAAA,UAAA,CAAW,KAAQ,GAAA,IAAA,CAAA;AACnB,MAAA,IAAA,CAAK,UAAU,IAAI,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AACtB,MAAK,IAAA,CAAA,SAAA,EAAW,WAAW,KAAK,CAAA,CAAA;AAAA,KAClC,CAAA;AAEA,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,KACxB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/dk-ui/src/icon-input/src/icon-input.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var iconInput_vue_vue_type_script_setup_true_lang = require('./icon-input.vue2.js');
+var _pluginVue_exportHelper = require('../../../../../_virtual/_plugin-vue_export-helper.js');
+
+var _IconInput = /* @__PURE__ */ _pluginVue_exportHelper.default(iconInput_vue_vue_type_script_setup_true_lang.default, [["__file", "E:\\project\\monster-admin\\system\\dkgs-ui_test\\dk-ui-all\\packages\\dk-ui\\src\\icon-input\\src\\icon-input.vue"]]);
+
+exports.default = _IconInput;
+//# sourceMappingURL=icon-input.vue.js.map

package/lib/packages/dk-ui/src/icon-input/src/icon-input.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-input.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}