@fangzhongya/fang-ui 0.0.12 → 0.0.14

package/dist/components/tree-select-box/src/data.cjs

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const definePropType = require("../../../utils/vues/definePropType.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 roleSelect = {
+  searchPlaceholder: "请输入字段进行查询",
+  value: "value",
+  //指定选项标签为选项对象的某个属性值
+  label: "label",
+  //指定选项的子选项为选项对象的某个属性值
+  children: "children",
+  //指定选项的禁用为选项对象的某个属性值
+  disabled: "disabled",
+  // 在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组
+  // 若设置 false，则只返回该节点的值
+  emitPath: true,
+  // 是否严格的遵守父子节点不互相关联
+  checkStrictly: true,
+  // 是否动态加载子节点，需与 lazyLoad 方法结合使用
+  lazy: false
+  // // 是否多选
+  // multiple: false,
+};
+const dataProps = buildProps.buildProps({
+  /**
+   * @props { Boolean } searchlist= ( )
+   * 搜索结果用列表展示
+   */
+  searchlist: {
+    type: Boolean
+  },
+  /**
+   * @props { String} title= ( )
+   * 弹框标题
+   */
+  title: {
+    type: [String],
+    default: "选择"
+  },
+  placeholder: {
+    type: String
+  },
+  /**
+   * @props { Array} modelValue=
+   * 值
+   */
+  modelValue: {
+    type: [Array]
+  },
+  appendToBody: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @props { String, Number} width= ( )
+   * 弹框宽度
+   */
+  width: {
+    type: [String, Number]
+  },
+  /**
+   * @props { Boolean } disabled= ( )
+   * 是否禁用
+   */
+  disabled: {
+    type: [Boolean]
+  },
+  /**
+   * @props { Array } options=[] ( )
+   * 选项的数据源， value 和 label 可以通过 props 自定义.
+   */
+  options: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
+  /**
+   * @props { Object } props={} ( )
+   * 配置选项
+   */
+  props: {
+    type: definePropType.definePropType(Object),
+    default() {
+      return {};
+    }
+  }
+});
+const dataEmits = ["change", "update:modelValue"];
+const dataExpose = {};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;
+exports.roleSelect = roleSelect;

package/dist/components/tree-select-box/src/data.d.ts

@@ -0,0 +1,139 @@
+import { ExtractPropTypes } from 'vue';
+export type ModelValue = string | number;
+export type ObjStrAny = {
+    [key: string]: any;
+};
+export declare const roleSelect: {
+    searchPlaceholder: string;
+    value: string;
+    label: string;
+    children: string;
+    disabled: string;
+    emitPath: boolean;
+    checkStrictly: boolean;
+    lazy: boolean;
+};
+export type RoleSelect = {
+    searchPlaceholder?: string;
+    father?: string;
+    inpuIabel?: string;
+    explain?: string;
+    value: string;
+    label: string;
+    children: string;
+    disabled: string;
+    emitPath: boolean;
+    lazy: boolean;
+    lazyLoad: Function;
+    multiple: boolean;
+    checkStrictly: boolean;
+};
+export declare const dataProps: {
+    /**
+     * @props { Boolean } searchlist= ( )
+     * 搜索结果用列表展示
+     */
+    searchlist: {
+        type: BooleanConstructor;
+    };
+    /**
+     * @props { String} title= ( )
+     * 弹框标题
+     */
+    title: {
+        type: StringConstructor[];
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+    /**
+     * @props { Array} modelValue=
+     * 值
+     */
+    modelValue: {
+        type: {
+            (arrayLength: number): ModelValue[];
+            (...items: ModelValue[]): ModelValue[];
+            new (arrayLength: number): ModelValue[];
+            new (...items: ModelValue[]): ModelValue[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        }[];
+    };
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @props { String, Number} width= ( )
+     * 弹框宽度
+     */
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    /**
+     * @props { Boolean } disabled= ( )
+     * 是否禁用
+     */
+    disabled: {
+        type: BooleanConstructor[];
+    };
+    /**
+     * @props { Array } options=[] ( )
+     * 选项的数据源， value 和 label 可以通过 props 自定义.
+     */
+    options: {
+        type: {
+            (arrayLength: number): ObjStrAny[];
+            (...items: ObjStrAny[]): ObjStrAny[];
+            new (arrayLength: number): ObjStrAny[];
+            new (...items: ObjStrAny[]): ObjStrAny[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default(): never[];
+    };
+    /**
+     * @props { Object } props={} ( )
+     * 配置选项
+     */
+    props: {
+        type: import('vue').PropType<RoleSelect>;
+        default(): {};
+    };
+};
+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: {};

package/dist/components/tree-select-box/src/data.js

@@ -0,0 +1,110 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+import { definePropType } from "../../../utils/vues/definePropType.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 roleSelect = {
+  searchPlaceholder: "请输入字段进行查询",
+  value: "value",
+  //指定选项标签为选项对象的某个属性值
+  label: "label",
+  //指定选项的子选项为选项对象的某个属性值
+  children: "children",
+  //指定选项的禁用为选项对象的某个属性值
+  disabled: "disabled",
+  // 在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组
+  // 若设置 false，则只返回该节点的值
+  emitPath: true,
+  // 是否严格的遵守父子节点不互相关联
+  checkStrictly: true,
+  // 是否动态加载子节点，需与 lazyLoad 方法结合使用
+  lazy: false
+  // // 是否多选
+  // multiple: false,
+};
+const dataProps = buildProps({
+  /**
+   * @props { Boolean } searchlist= ( )
+   * 搜索结果用列表展示
+   */
+  searchlist: {
+    type: Boolean
+  },
+  /**
+   * @props { String} title= ( )
+   * 弹框标题
+   */
+  title: {
+    type: [String],
+    default: "选择"
+  },
+  placeholder: {
+    type: String
+  },
+  /**
+   * @props { Array} modelValue=
+   * 值
+   */
+  modelValue: {
+    type: [Array]
+  },
+  appendToBody: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @props { String, Number} width= ( )
+   * 弹框宽度
+   */
+  width: {
+    type: [String, Number]
+  },
+  /**
+   * @props { Boolean } disabled= ( )
+   * 是否禁用
+   */
+  disabled: {
+    type: [Boolean]
+  },
+  /**
+   * @props { Array } options=[] ( )
+   * 选项的数据源， value 和 label 可以通过 props 自定义.
+   */
+  options: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
+  /**
+   * @props { Object } props={} ( )
+   * 配置选项
+   */
+  props: {
+    type: definePropType(Object),
+    default() {
+      return {};
+    }
+  }
+});
+const dataEmits = ["change", "update:modelValue"];
+const dataExpose = {};
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  roleSelect
+};

package/dist/components/tree-select-box/src/index.cjs

@@ -0,0 +1,266 @@
+"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$3 = require("../../input/index.cjs");
+const index$4 = require("../../tree/index.cjs");
+const index$2 = require("../../select-dialog/index.cjs");
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    index.useLocale();
+    const cs = index$1.useCssName("tree-select-box");
+    const propss = __props;
+    const emit = __emit;
+    const refSelectDialog = require$$0.ref();
+    const refTree = require$$0.ref();
+    const psprops = require$$0.computed(() => {
+      return Object.assign({}, data.roleSelect, propss.props);
+    });
+    const search = require$$0.ref("");
+    const nodes = require$$0.ref({});
+    const list = require$$0.ref([]);
+    require$$0.watch(
+      () => propss.modelValue,
+      () => {
+        if (propss.modelValue) {
+          list.value = [...propss.modelValue];
+        } else {
+          list.value = [];
+        }
+        setTreeVale();
+      },
+      { immediate: true, deep: true }
+    );
+    const listData = require$$0.ref([]);
+    function lazyLoad(data2, callback) {
+      onInput(data2, callback);
+    }
+    function onInput(data2 = {}, callback) {
+      if (psprops.value.lazyLoad) {
+        psprops.value.lazyLoad(
+          data2,
+          (v, node) => {
+            const prop = psprops.value.value;
+            if (node) {
+              Object.keys(node).forEach((key) => {
+                setNodes(key, node[key]);
+              });
+            } else {
+              v.forEach((o) => {
+                const id = o[prop];
+                setNodes(id, o);
+              });
+            }
+            if (psprops.value.lazy && callback) {
+              callback(v);
+            } else {
+              listData.value = v;
+            }
+          },
+          search.value
+        );
+      } else {
+        listData.value = propss.options;
+      }
+    }
+    function setNodes(key, obj) {
+      nodes.value[key] = Object.assign(nodes.value[key] || {}, obj);
+    }
+    function getName(key) {
+      const name = psprops.value.label;
+      let obj = nodes.value[key] || {};
+      return obj[name];
+    }
+    function setInputName(key) {
+      const name = psprops.value.inpuIabel;
+      if (name) {
+        let obj = nodes.value[key] || {};
+        return obj[name];
+      } else {
+        return getName(key);
+      }
+    }
+    function getNameExplain(key) {
+      const name = psprops.value.explain;
+      if (name) {
+        let obj = nodes.value[key] || {};
+        return obj[name];
+      }
+    }
+    function onDialogffirm(val) {
+      emit("update:modelValue", val);
+      emit("change", val);
+    }
+    function handleTreeClick(data2) {
+      const prop = psprops.value.value;
+      const d = data2[prop];
+      if (!propss.props.checkStrictly) {
+        if (nodes.value[d].leaf === false) {
+          return;
+        }
+      }
+      const disabledname = psprops.value.disabled;
+      if (psprops.value.multiple) {
+        if (!data2[disabledname]) {
+          if (list.value.includes(d)) {
+            list.value = list.value.filter((o) => {
+              return o != d;
+            });
+          } else {
+            list.value.push(d);
+          }
+          setTreeVale();
+        }
+      } else {
+        if (!data2[disabledname]) {
+          list.value = [d];
+        }
+      }
+    }
+    function handleTreeChange(data2, node) {
+      list.value = node.checkedKeys;
+    }
+    function onChange() {
+      setTreeVale();
+    }
+    function onDialog(is) {
+      if (is) {
+        if (propss.modelValue) {
+          list.value = [...propss.modelValue];
+        } else {
+          list.value = [];
+        }
+        search.value = "";
+        onInput({}, (v) => listData.value = v);
+        setTreeVale();
+      }
+    }
+    function setTreeVale() {
+      if (refTree.value && refTree.value.refEl) {
+        refTree.value.refEl.setCheckedKeys(list.value, true);
+      }
+    }
+    onInput({}, (v) => listData.value = v);
+    function setNodesObj(node) {
+      if (node) {
+        if (node instanceof Array) {
+          const prop = psprops.value.value;
+          node.forEach((o) => {
+            const id = o[prop];
+            setNodes(id, o);
+          });
+        } else {
+          Object.keys(node).forEach((key) => {
+            setNodes(key, node[key]);
+          });
+        }
+      }
+    }
+    __expose({
+      ...data.dataExpose,
+      setNodesObj,
+      getInputName() {
+        return refSelectDialog.value.inputName;
+      }
+    });
+    return (_ctx, _cache) => {
+      return require$$0.openBlock(), require$$0.createElementBlock("div", {
+        class: require$$0.normalizeClass(require$$0.unref(cs).z())
+      }, [
+        require$$0.createVNode(require$$0.unref(index$2.SelectDialog), {
+          "get-name": getName,
+          "get-name-explain": getNameExplain,
+          placeholder: propss.placeholder,
+          setInputName,
+          disabled: propss.disabled,
+          appendToBody: propss.appendToBody,
+          ref_key: "refSelectDialog",
+          ref: refSelectDialog,
+          modelValue: list.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => list.value = $event),
+          value: propss.modelValue,
+          width: propss.width,
+          title: propss.title,
+          onChange,
+          onDialog,
+          onConfirm: onDialogffirm
+        }, {
+          suffix: require$$0.withCtx(() => [
+            require$$0.renderSlot(_ctx.$slots, "suffix")
+          ]),
+          default: require$$0.withCtx(() => [
+            require$$0.createElementVNode("div", {
+              class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-li"))
+            }, [
+              require$$0.createElementVNode("div", {
+                class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-li-top"))
+              }, [
+                require$$0.createVNode(require$$0.unref(index$3.Input), {
+                  placeholder: psprops.value.searchPlaceholder,
+                  modelValue: search.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+                  clearable: "",
+                  onKeyup: require$$0.withKeys(onInput, ["enter", "native"])
+                }, null, 8, ["placeholder", "modelValue"])
+              ], 2),
+              require$$0.createElementVNode("div", {
+                class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-gap"))
+              }, null, 2),
+              require$$0.createElementVNode("div", {
+                class: require$$0.normalizeClass([require$$0.unref(cs).z("dialog-li-div"), require$$0.unref(cs).z("dialog-li-tree")])
+              }, [
+                require$$0.createElementVNode("div", {
+                  class: require$$0.normalizeClass([require$$0.unref(cs).z("dialog-div-tree")])
+                }, [
+                  require$$0.createVNode(require$$0.unref(index$4.Tree), {
+                    data: listData.value,
+                    "highlight-current": "",
+                    "node-key": psprops.value.value,
+                    "show-checkbox": psprops.value.multiple,
+                    "check-strictly": psprops.value.checkStrictly,
+                    ref_key: "refTree",
+                    ref: refTree,
+                    lazy: psprops.value.lazy,
+                    load: lazyLoad,
+                    props: {
+                      isLeaf: "leaf",
+                      value: psprops.value.value,
+                      label: psprops.value.label,
+                      disabled: psprops.value.disabled,
+                      children: psprops.value.children
+                    },
+                    onNodeClick: handleTreeClick,
+                    onCheck: handleTreeChange
+                  }, null, 8, ["data", "node-key", "show-checkbox", "check-strictly", "lazy", "props"])
+                ], 2)
+              ], 2)
+            ], 2)
+          ]),
+          _: 3
+        }, 8, ["placeholder", "disabled", "appendToBody", "modelValue", "value", "width", "title"])
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;