@fangzhongya/fang-ui 0.0.12 → 0.0.13

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

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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= ( )
+   * Dialog 的自定义类名
+   */
+  dialogClass: {
+    type: String
+  },
+  /**
+   * @props { String, Number } dialogWidth= ( )
+   * Dialog 的宽度
+   */
+  dialogWidth: {
+    type: [String, Number]
+  },
+  /**
+   * @props { String } modelValue= ( )
+   * 图标名称
+   */
+  modelValue: {
+    type: [String]
+  },
+  /**
+   * @props { String, Number } size=[] ( )
+   * 图标大小
+   */
+  size: {
+    type: [String, Number],
+    default() {
+      return "30px";
+    }
+  },
+  /**
+   * @props { Array } icons=[] ( )
+   * 图标名称
+   */
+  icons: {
+    type: Object,
+    default() {
+      return {};
+    }
+  },
+  /**
+   * @props { String} type= ( )
+   * 图标类型
+   */
+  type: {
+    type: String
+  },
+  /**
+   * @props { String } separator=':' ( )
+   * 拼接值
+   */
+  separator: {
+    type: String,
+    default: ":"
+  }
+});
+const dataEmits = ["update:modelValue"];
+const dataSlot = {
+  default: "default"
+};
+const dataExpose = {};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;

package/dist/components/icon-picker/src/data.d.ts

@@ -0,0 +1,95 @@
+import { ExtractPropTypes } from 'vue';
+export type IconsValueObj = {
+    name?: string;
+    body: string;
+    type?: string;
+    width?: string | number;
+    height?: string | number;
+} | string;
+export type IconsValue = {
+    [key: string | number]: IconsValueObj;
+};
+type IconsInfo = {
+    name: string;
+    [key: string]: any;
+};
+export type Icons = {
+    prefix: string;
+    info: string | IconsInfo;
+    icons: IconsValue;
+};
+export declare const dataProps: {
+    /**
+     * @props { String } dialogClass= ( )
+     * Dialog 的自定义类名
+     */
+    dialogClass: {
+        type: StringConstructor;
+    };
+    /**
+     * @props { String, Number } dialogWidth= ( )
+     * Dialog 的宽度
+     */
+    dialogWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    /**
+     * @props { String } modelValue= ( )
+     * 图标名称
+     */
+    modelValue: {
+        type: StringConstructor[];
+    };
+    /**
+     * @props { String, Number } size=[] ( )
+     * 图标大小
+     */
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+        default(): "30px";
+    };
+    /**
+     * @props { Array } icons=[] ( )
+     * 图标名称
+     */
+    icons: {
+        type: () => {
+            [key: string | number]: Icons;
+        };
+        default(): {};
+    };
+    /**
+     * @props { String} type= ( )
+     * 图标类型
+     */
+    type: {
+        type: StringConstructor;
+    };
+    /**
+     * @props { String } separator=':' ( )
+     * 拼接值
+     */
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+/**
+ * @emits change (val:[String, Array])
+ * 选择的时间
+ */
+export declare const dataEmits: string[];
+export type DataEmits = typeof dataEmits;
+/**
+ * @slot default 默认插槽
+ */
+export declare const dataSlot: {
+    default: string;
+};
+/**
+ * @expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export declare const dataExpose: {};
+export {};

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

@@ -0,0 +1,86 @@
+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= ( )
+   * Dialog 的自定义类名
+   */
+  dialogClass: {
+    type: String
+  },
+  /**
+   * @props { String, Number } dialogWidth= ( )
+   * Dialog 的宽度
+   */
+  dialogWidth: {
+    type: [String, Number]
+  },
+  /**
+   * @props { String } modelValue= ( )
+   * 图标名称
+   */
+  modelValue: {
+    type: [String]
+  },
+  /**
+   * @props { String, Number } size=[] ( )
+   * 图标大小
+   */
+  size: {
+    type: [String, Number],
+    default() {
+      return "30px";
+    }
+  },
+  /**
+   * @props { Array } icons=[] ( )
+   * 图标名称
+   */
+  icons: {
+    type: Object,
+    default() {
+      return {};
+    }
+  },
+  /**
+   * @props { String} type= ( )
+   * 图标类型
+   */
+  type: {
+    type: String
+  },
+  /**
+   * @props { String } separator=':' ( )
+   * 拼接值
+   */
+  separator: {
+    type: String,
+    default: ":"
+  }
+});
+const dataEmits = ["update:modelValue"];
+const dataSlot = {
+  default: "default"
+};
+const dataExpose = {};
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  dataSlot
+};

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

@@ -0,0 +1,284 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = 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("../../dialog/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__ */ require$$0.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    var _a, _b;
+    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 = (_a = props.icons[0]) == null ? void 0 : _a.prefix;
+      } else {
+        const k = Object.keys(props.icons)[0];
+        ac = (_b = props.icons[k]) == null ? void 0 : _b.prefix;
+      }
+    }
+    const activeName = require$$0.ref(ac);
+    const dialogVisible = require$$0.ref(false);
+    const search = require$$0.ref("");
+    const value = require$$0.ref("");
+    const currentIconList = require$$0.computed(() => {
+      var _a2;
+      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 == null ? void 0 : element.icons) || [];
+              break;
+            }
+          }
+        } else {
+          arr = ((_a2 = props.icons[activeName.value]) == null ? void 0 : _a2.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 require$$0.openBlock(), require$$0.createElementBlock("div", {
+        class: require$$0.normalizeClass(require$$0.unref(cs).z())
+      }, [
+        require$$0.createElementVNode("span", {
+          class: require$$0.normalizeClass(require$$0.unref(cs).z("span")),
+          onClick: onShow
+        }, [
+          require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).default, {}, () => [
+            require$$0.createVNode(require$$0.unref(index$2.Icon), {
+              type: props.type,
+              size: props.size,
+              name: props.modelValue
+            }, null, 8, ["type", "size", "name"])
+          ])
+        ], 2),
+        require$$0.createVNode(require$$0.unref(index$3.Dialog), {
+          modelValue: dialogVisible.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dialogVisible.value = $event),
+          width: props.dialogWidth,
+          title: require$$0.unref(getLocale)("iconpicker"),
+          "show-close": true,
+          class: require$$0.normalizeClass(props.dialogClass)
+        }, {
+          default: require$$0.withCtx(() => [
+            require$$0.createElementVNode("div", {
+              class: require$$0.normalizeClass([require$$0.unref(cs).z("dialog"), require$$0.unref(cs).z("syys")])
+            }, [
+              require$$0.createElementVNode("div", {
+                class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-search"))
+              }, [
+                require$$0.createElementVNode("div", {
+                  class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-input"))
+                }, [
+                  require$$0.createVNode(require$$0.unref(index$4.Input), {
+                    placeholder: require$$0.unref(getLocale)("search"),
+                    modelValue: search.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+                    clearable: ""
+                  }, {
+                    prefix: require$$0.withCtx(() => [
+                      require$$0.createVNode(require$$0.unref(index$2.Icon), { name: "ep:search" })
+                    ]),
+                    _: 1
+                  }, 8, ["placeholder", "modelValue"])
+                ], 2),
+                require$$0.createElementVNode("div", {
+                  class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-delete"))
+                }, [
+                  value.value ? (require$$0.openBlock(), require$$0.createElementBlock("span", {
+                    key: 0,
+                    title: value.value
+                  }, [
+                    require$$0.createVNode(require$$0.unref(index$2.Icon), {
+                      type: props.type,
+                      size: props.size,
+                      name: value.value
+                    }, null, 8, ["type", "size", "name"])
+                  ], 8, _hoisted_1)) : require$$0.createCommentVNode("", true)
+                ], 2)
+              ], 2),
+              require$$0.createElementVNode("div", {
+                class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-body"))
+              }, [
+                require$$0.createVNode(require$$0.unref(index$5.Tabs), {
+                  class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-tabs")),
+                  modelValue: activeName.value,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => activeName.value = $event),
+                  onTabChange: handleTabChange
+                }, {
+                  default: require$$0.withCtx(() => [
+                    (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(props.icons, (item, index2) => {
+                      return require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$6.TabPane), {
+                        key: item.prefix,
+                        name: item.prefix
+                      }, {
+                        label: require$$0.withCtx(() => [
+                          require$$0.createElementVNode("div", {
+                            class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-tabs-lable"))
+                          }, [
+                            require$$0.createElementVNode("div", {
+                              title: setTabsTotal(item),
+                              class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-tabs-name"))
+                            }, require$$0.toDisplayString(setTabsLabel(item)), 11, _hoisted_2)
+                          ], 2)
+                        ]),
+                        _: 2
+                      }, 1032, ["name"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["class", "modelValue"]),
+                require$$0.createElementVNode("div", {
+                  class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-list"))
+                }, [
+                  (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(currentIconList.value, (icon, key) => {
+                    return require$$0.openBlock(), require$$0.createElementBlock("div", {
+                      class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-list-item")),
+                      onClick: ($event) => chooseIcon(icon, String(key))
+                    }, [
+                      require$$0.createElementVNode("div", {
+                        title: setName(icon, String(key)),
+                        class: require$$0.normalizeClass([
+                          require$$0.unref(cs).z("dialog-list-icon"),
+                          setName(icon, String(key)) == value.value ? "active" : ""
+                        ])
+                      }, [
+                        require$$0.createVNode(require$$0.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),
+                require$$0.createElementVNode("div", {
+                  class: require$$0.normalizeClass(require$$0.unref(cs).z("tbxzqbotton"))
+                }, [
+                  require$$0.createVNode(require$$0.unref(index$7.Button), { onClick: removeIcon }, {
+                    default: require$$0.withCtx(() => [
+                      require$$0.createTextVNode(require$$0.toDisplayString(require$$0.unref(getLocale)("form.delete")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  require$$0.createVNode(require$$0.unref(index$7.Button), {
+                    onClick: onConfirm,
+                    type: "primary"
+                  }, {
+                    default: require$$0.withCtx(() => [
+                      require$$0.createTextVNode(require$$0.toDisplayString(require$$0.unref(getLocale)("form.confirm")), 1)
+                    ]),
+                    _: 1
+                  })
+                ], 2)
+              ], 2)
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "width", "title", "class"])
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/icon-picker/src/index.d.ts

@@ -0,0 +1,77 @@
+import { Icons } from './data';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {}) => any>>;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    dialogClass: {
+        type: StringConstructor;
+    };
+    dialogWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    modelValue: {
+        type: StringConstructor[];
+    };
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+        default(): "30px";
+    };
+    icons: {
+        type: () => {
+            [key: string | number]: Icons;
+        };
+        default(): {};
+    };
+    type: {
+        type: StringConstructor;
+    };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    dialogClass: {
+        type: StringConstructor;
+    };
+    dialogWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    modelValue: {
+        type: StringConstructor[];
+    };
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+        default(): "30px";
+    };
+    icons: {
+        type: () => {
+            [key: string | number]: Icons;
+        };
+        default(): {};
+    };
+    type: {
+        type: StringConstructor;
+    };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: string | number;
+    separator: string;
+    icons: {
+        [key: string]: Icons;
+        [key: number]: Icons;
+    };
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};