@fangzhongya/fang-ui 0.0.38 → 0.0.39

package/dist/components/icon/src/index2.js

@@ -1,4 +1,148 @@
-import _sfc_main from "./index.js";
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createBlock, normalizeStyle, Fragment, resolveDynamicComponent, createElementVNode } from "vue";
+import { dataExpose, dataEmits, dataProps } from "./data.js";
+import "../../../hooks/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+const _hoisted_1 = ["ctype"];
+const _hoisted_2 = ["ctype"];
+const _hoisted_3 = ["ctype", "src"];
+const _hoisted_4 = ["ctype"];
+const _hoisted_5 = ["xlink:href"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = useLocale();
+    const cs = useCssName("icon");
+    const props = __props;
+    const emit = __emit;
+    const reg = /<svg([^>]*)>((.|\n|\r|\t)*)<\/svg>/g;
+    const outputType = computed(() => {
+      if (props.type) {
+        return props.type;
+      } else {
+        const name = props.name || "";
+        if (reg.test(name)) {
+          return "str";
+        } else if (name.startsWith("i-")) {
+          return "css";
+        } else if (name.startsWith("f-")) {
+          return "font";
+        } else if (name.startsWith("c-")) {
+          return "com";
+        } else if (isImg(name)) {
+          return "img";
+        } else {
+          return "custom";
+        }
+      }
+    });
+    const transformStyle = computed(() => {
+      const style = [];
+      if (props.flip !== "") {
+        switch (props.flip) {
+          case "horizontal":
+            style.push("rotateY(180deg)");
+            break;
+          case "vertical":
+            style.push("rotateX(180deg)");
+            break;
+          case "both":
+            style.push("rotateX(180deg)");
+            style.push("rotateY(180deg)");
+            break;
+        }
+      }
+      if (props.rotate !== 0) {
+        style.push(`rotate(${props.rotate % 360}deg)`);
+      }
+      const styleObj = {};
+      styleObj.transform = style.join(" ");
+      if (props.size) {
+        styleObj.width = props.size;
+        styleObj.height = props.size;
+        styleObj["font-size"] = props.size;
+      }
+      return styleObj;
+    });
+    const outputName = computed(() => {
+      const name = props.name || "";
+      if (outputType.value == "str") {
+        const rs = reg.exec(name);
+        if (rs && rs.length > 0) {
+          return rs[0];
+        } else {
+          return `<svg viewBox="0 0 ${props.size || 24} ${props.size || 24}" width="${props.size}" height="${props.size}" xmlns="http://www.w3.org/2000/svg">${name}</svg>`;
+        }
+      } else if (name.startsWith("f-")) {
+        return name.replace(/^f-/, "");
+      } else if (name.startsWith("c-")) {
+        return name.replace(/^c-/, "");
+      }
+      return name;
+    });
+    function isImg(name) {
+      if (name) {
+        if (name.startsWith("data:")) {
+          return true;
+        } else if (name.startsWith("/")) {
+          return true;
+        } else if (name.startsWith("./")) {
+          return true;
+        } else if (name.startsWith("../")) {
+          return true;
+        } else if (name.includes("://")) {
+          return true;
+        }
+      }
+      return false;
+    }
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("i", {
+        class: normalizeClass(unref(cs).z())
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          outputType.value === "css" ? (openBlock(), createElementBlock("i", {
+            key: 0,
+            ctype: outputType.value,
+            class: normalizeClass([outputName.value, props.iconClass]),
+            style: normalizeStyle([{ "display": "inline-flex", "align-items": "center", "justify-content": "center" }, transformStyle.value])
+          }, null, 14, _hoisted_1)) : outputType.value === "font" ? (openBlock(), createElementBlock("i", {
+            key: 1,
+            ctype: outputType.value,
+            class: normalizeClass([outputName.value, props.iconClass]),
+            style: normalizeStyle([{ "display": "inline-flex", "align-items": "center", "justify-content": "center" }, transformStyle.value])
+          }, null, 14, _hoisted_2)) : outputType.value === "img" ? (openBlock(), createElementBlock("img", {
+            key: 2,
+            ctype: outputType.value,
+            class: normalizeClass([props.iconClass]),
+            style: normalizeStyle([{ "border": "0", "display": "inline-flex", "align-items": "center", "object-fit": "contain", "justify-content": "center" }, transformStyle.value]),
+            src: outputName.value
+          }, null, 14, _hoisted_3)) : outputType.value === "str" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [], 64)) : outputType.value === "com" ? (openBlock(), createBlock(resolveDynamicComponent(outputName.value), {
+            key: 4,
+            ctype: outputType.value,
+            class: normalizeClass([props.iconClass]),
+            style: normalizeStyle(transformStyle.value)
+          }, null, 8, ["ctype", "class", "style"])) : (openBlock(), createElementBlock("svg", {
+            key: 5,
+            ctype: outputType.value,
+            class: normalizeClass([props.iconClass]),
+            style: normalizeStyle(transformStyle.value),
+            "aria-hidden": "true"
+          }, [
+            createElementVNode("use", {
+              "xlink:href": `#icon-${outputName.value}`
+            }, null, 8, _hoisted_5)
+          ], 14, _hoisted_4))
+        ])
+      ], 2);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/icon-picker/index.cjs

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const withInstall = require("../../utils/vues/withInstall.cjs");
-const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
+require("./src/index.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
 const IconPicker = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "IconPicker");
 exports.IconPicker = IconPicker;
 exports.default = IconPicker;

package/dist/components/icon-picker/index.js

@@ -1,5 +1,6 @@
 import { withInstall } from "../../utils/vues/withInstall.js";
-import _sfc_main from "./src/index.js";
+import "./src/index.js";
+import _sfc_main from "./src/index2.js";
 const IconPicker = withInstall(_sfc_main, "IconPicker");
 export {
   IconPicker,

package/dist/components/icon-picker/src/data.cjs

@@ -1,22 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../utils/index.cjs");
 const buildProps = require("../../../utils/vues/buildProps.cjs");
-require("vue");
-require("@fangzhongya/utils/basic/string/splitUpper");
-require("@fangzhongya/utils/basic/array/isArray");
-require("@fangzhongya/utils/basic/object/isObject");
-require("@fangzhongya/utils/basic/string/firstLower");
-require("@fangzhongya/utils/basic/object/hasOwn");
-require("@fangzhongya/utils/basic/string/firstUpper");
-require("@fangzhongya/utils/name/lineToLargeHump");
-require("@fangzhongya/utils/name/lineToSmallHump");
-require("@fangzhongya/utils/name/humpToLine");
-require("@fangzhongya/utils/basic/object/deepCopy");
-require("@fangzhongya/utils/basic/Array/toggleArray");
-require("@fangzhongya/utils/basic/object/objValue");
-require("../../../utils/vues/getBuildProps.cjs");
-require("@fangzhongya/utils/css/setObjStyle");
-require("@fangzhongya/utils/css/getCss");
 const dataProps = buildProps.buildProps({
   /**
    * @props { String } dialogClass= ( )

package/dist/components/icon-picker/src/data.js

@@ -1,20 +1,5 @@
+import "../../../utils/index.js";
 import { buildProps } from "../../../utils/vues/buildProps.js";
-import "vue";
-import "@fangzhongya/utils/basic/string/splitUpper";
-import "@fangzhongya/utils/basic/array/isArray";
-import "@fangzhongya/utils/basic/object/isObject";
-import "@fangzhongya/utils/basic/string/firstLower";
-import "@fangzhongya/utils/basic/object/hasOwn";
-import "@fangzhongya/utils/basic/string/firstUpper";
-import "@fangzhongya/utils/name/lineToLargeHump";
-import "@fangzhongya/utils/name/lineToSmallHump";
-import "@fangzhongya/utils/name/humpToLine";
-import "@fangzhongya/utils/basic/object/deepCopy";
-import "@fangzhongya/utils/basic/Array/toggleArray";
-import "@fangzhongya/utils/basic/object/objValue";
-import "../../../utils/vues/getBuildProps.js";
-import "@fangzhongya/utils/css/setObjStyle";
-import "@fangzhongya/utils/css/getCss";
 const dataProps = buildProps({
   /**
    * @props { String } dialogClass= ( )

package/dist/components/icon-picker/src/index.cjs

@@ -1,282 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const data = require("./data.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
-require("@fangzhongya/utils/basic/string/splitUpper");
-require("@fangzhongya/utils/basic/array/isArray");
-require("@fangzhongya/utils/basic/object/isObject");
-require("@fangzhongya/utils/basic/string/firstLower");
-require("@fangzhongya/utils/basic/object/hasOwn");
-require("@fangzhongya/utils/basic/string/firstUpper");
-require("@fangzhongya/utils/name/lineToLargeHump");
-require("@fangzhongya/utils/name/lineToSmallHump");
-require("@fangzhongya/utils/name/humpToLine");
-require("@fangzhongya/utils/basic/object/deepCopy");
-require("@fangzhongya/utils/basic/Array/toggleArray");
-require("@fangzhongya/utils/basic/object/objValue");
-require("../../../hooks/global-config/index.cjs");
-const index = require("../../../hooks/locale/index.cjs");
-require("../../../utils/vues/getBuildProps.cjs");
-require("@fangzhongya/utils/css/setObjStyle");
-require("@fangzhongya/utils/css/getCss");
-const index$2 = require("../../icon/index.cjs");
-const index$4 = require("../../input/index.cjs");
-const index$5 = require("../../tabs/index.cjs");
-const index$6 = require("../../tab-pane/index.cjs");
-const index$3 = require("../../dialogs/index.cjs");
-const index$7 = require("../../button/index.cjs");
-const _hoisted_1 = ["title"];
-const _hoisted_2 = ["title"];
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = ["title"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: data.dataProps,
-  emits: data.dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const { getLocale } = index.useLocale();
-    const cs = index$1.useCssName("icon-picker");
-    const props = __props;
-    const emit = __emit;
-    let ac = "";
-    if (props.icons) {
-      if (props.icons instanceof Array) {
-        ac = props.icons[0]?.prefix;
-      } else {
-        const k = Object.keys(props.icons)[0];
-        ac = props.icons[k]?.prefix;
-      }
-    }
-    const activeName = vue.ref(ac);
-    const dialogVisible = vue.ref(false);
-    const search = vue.ref("");
-    const value = vue.ref("");
-    const currentIconList = vue.computed(() => {
-      let arr = {};
-      if (activeName.value) {
-        if (props.icons instanceof Array) {
-          for (let index2 = 0; index2 < props.icons.length; index2++) {
-            const element = props.icons[index2];
-            const name = element.prefix;
-            if (name == activeName.value) {
-              arr = element?.icons || [];
-              break;
-            }
-          }
-        } else {
-          arr = props.icons[activeName.value]?.icons || [];
-        }
-      }
-      if (search.value) {
-        if (arr instanceof Array) {
-          return arr.filter((o) => {
-            const name = setName(o, "");
-            return name.includes(search.value);
-          });
-        } else {
-          const obj = arr;
-          const rs = {};
-          Object.keys(arr).forEach((key) => {
-            const v = obj[key];
-            const name = setName(v, key);
-            if (name.includes(search.value)) {
-              rs[key] = v;
-            }
-          });
-          return rs;
-        }
-      } else {
-        return arr;
-      }
-    });
-    function onShow() {
-      value.value = props.modelValue || "";
-      dialogVisible.value = true;
-    }
-    function setTabsLabel(obj) {
-      if (obj.info) {
-        if (typeof obj.info == "object") {
-          return obj.info.name;
-        } else {
-          return obj.info;
-        }
-      } else {
-        return obj.prefix;
-      }
-    }
-    function setTabsTotal(obj) {
-      const vs = obj.icons;
-      if (typeof vs == "object") {
-        return Object.keys(vs).length + "";
-      } else {
-        return vs.length + "";
-      }
-    }
-    function setName(obj, key) {
-      if (typeof obj == "object") {
-        return activeName.value + props.separator + (obj.name || key);
-      } else {
-        return activeName.value + props.separator + (obj || key);
-      }
-    }
-    function handleTabChange() {
-    }
-    function onConfirm() {
-      dialogVisible.value = false;
-      emit("update:modelValue", value.value);
-    }
-    function chooseIcon(val, key) {
-      value.value = setName(val, key);
-    }
-    function removeIcon() {
-      value.value = "";
-    }
-    __expose({
-      ...data.dataExpose
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(cs).z())
-      }, [
-        vue.createElementVNode("span", {
-          class: vue.normalizeClass(vue.unref(cs).z("span")),
-          onClick: onShow
-        }, [
-          vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default, {}, () => [
-            vue.createVNode(vue.unref(index$2.Icon), {
-              type: props.type,
-              size: props.size,
-              name: props.modelValue
-            }, null, 8, ["type", "size", "name"])
-          ])
-        ], 2),
-        vue.createVNode(vue.unref(index$3.Dialogs), {
-          modelValue: dialogVisible.value,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dialogVisible.value = $event),
-          width: props.dialogWidth,
-          title: vue.unref(getLocale)("iconpicker"),
-          "show-close": true,
-          class: vue.normalizeClass(props.dialogClass)
-        }, {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass([vue.unref(cs).z("dialog"), vue.unref(cs).z("syys")])
-            }, [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(cs).z("dialog-search"))
-              }, [
-                vue.createElementVNode("div", {
-                  class: vue.normalizeClass(vue.unref(cs).z("dialog-input"))
-                }, [
-                  vue.createVNode(vue.unref(index$4.Input), {
-                    placeholder: vue.unref(getLocale)("search"),
-                    modelValue: search.value,
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
-                    clearable: ""
-                  }, {
-                    prefix: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(index$2.Icon), { name: "ep:search" })
-                    ]),
-                    _: 1
-                  }, 8, ["placeholder", "modelValue"])
-                ], 2),
-                vue.createElementVNode("div", {
-                  class: vue.normalizeClass(vue.unref(cs).z("dialog-delete"))
-                }, [
-                  value.value ? (vue.openBlock(), vue.createElementBlock("span", {
-                    key: 0,
-                    title: value.value
-                  }, [
-                    vue.createVNode(vue.unref(index$2.Icon), {
-                      type: props.type,
-                      size: props.size,
-                      name: value.value
-                    }, null, 8, ["type", "size", "name"])
-                  ], 8, _hoisted_1)) : vue.createCommentVNode("", true)
-                ], 2)
-              ], 2),
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(cs).z("dialog-body"))
-              }, [
-                vue.createVNode(vue.unref(index$5.Tabs), {
-                  class: vue.normalizeClass(vue.unref(cs).z("dialog-tabs")),
-                  modelValue: activeName.value,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => activeName.value = $event),
-                  onTabChange: handleTabChange
-                }, {
-                  default: vue.withCtx(() => [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.icons, (item, index2) => {
-                      return vue.openBlock(), vue.createBlock(vue.unref(index$6.TabPane), {
-                        key: item.prefix,
-                        name: item.prefix
-                      }, {
-                        label: vue.withCtx(() => [
-                          vue.createElementVNode("div", {
-                            class: vue.normalizeClass(vue.unref(cs).z("dialog-tabs-lable"))
-                          }, [
-                            vue.createElementVNode("div", {
-                              title: setTabsTotal(item),
-                              class: vue.normalizeClass(vue.unref(cs).z("dialog-tabs-name"))
-                            }, vue.toDisplayString(setTabsLabel(item)), 11, _hoisted_2)
-                          ], 2)
-                        ]),
-                        _: 2
-                      }, 1032, ["name"]);
-                    }), 128))
-                  ]),
-                  _: 1
-                }, 8, ["class", "modelValue"]),
-                vue.createElementVNode("div", {
-                  class: vue.normalizeClass(vue.unref(cs).z("dialog-list"))
-                }, [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentIconList.value, (icon, key) => {
-                    return vue.openBlock(), vue.createElementBlock("div", {
-                      class: vue.normalizeClass(vue.unref(cs).z("dialog-list-item")),
-                      onClick: ($event) => chooseIcon(icon, String(key))
-                    }, [
-                      vue.createElementVNode("div", {
-                        title: setName(icon, String(key)),
-                        class: vue.normalizeClass([
-                          vue.unref(cs).z("dialog-list-icon"),
-                          setName(icon, String(key)) == value.value ? "active" : ""
-                        ])
-                      }, [
-                        vue.createVNode(vue.unref(index$2.Icon), {
-                          type: props.type,
-                          size: props.size,
-                          name: setName(icon, String(key))
-                        }, null, 8, ["type", "size", "name"])
-                      ], 10, _hoisted_4)
-                    ], 10, _hoisted_3);
-                  }), 256))
-                ], 2),
-                vue.createElementVNode("div", {
-                  class: vue.normalizeClass(vue.unref(cs).z("tbxzqbotton"))
-                }, [
-                  vue.createVNode(vue.unref(index$7.Button), { onClick: removeIcon }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(vue.toDisplayString(vue.unref(getLocale)("form.delete")), 1)
-                    ]),
-                    _: 1
-                  }),
-                  vue.createVNode(vue.unref(index$7.Button), {
-                    onClick: onConfirm,
-                    type: "primary"
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(vue.toDisplayString(vue.unref(getLocale)("form.confirm")), 1)
-                    ]),
-                    _: 1
-                  })
-                ], 2)
-              ], 2)
-            ], 2)
-          ]),
-          _: 1
-        }, 8, ["modelValue", "width", "title", "class"])
-      ], 2);
-    };
-  }
-});
-exports.default = _sfc_main;
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;