@fangzhongya/fang-ui 0.0.12 → 0.0.14

package/dist/components/labels/src/index.d.ts

@@ -0,0 +1,118 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    nowhole: {
+        type: BooleanConstructor;
+    };
+    whole: {
+        type: StringConstructor;
+        default: string;
+    };
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: {
+            (arrayLength: number): ObjAny[];
+            (...items: ObjAny[]): ObjAny[];
+            new (arrayLength: number): ObjAny[];
+            new (...items: ObjAny[]): ObjAny[];
+            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[];
+    };
+    clearAbsent: {
+        type: BooleanConstructor;
+    };
+    label: {
+        type: (FunctionConstructor | StringConstructor)[];
+        default: string;
+    };
+    prop: {
+        type: (FunctionConstructor | StringConstructor)[];
+        default: string;
+    };
+    modelValue: {
+        type: null;
+    };
+    multiple: {
+        type: (BooleanConstructor | StringConstructor)[];
+    };
+    load: {
+        type: BooleanConstructor[];
+    };
+    optobj: {
+        type: BooleanConstructor[];
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    nowhole: {
+        type: BooleanConstructor;
+    };
+    whole: {
+        type: StringConstructor;
+        default: string;
+    };
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: {
+            (arrayLength: number): ObjAny[];
+            (...items: ObjAny[]): ObjAny[];
+            new (arrayLength: number): ObjAny[];
+            new (...items: ObjAny[]): ObjAny[];
+            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[];
+    };
+    clearAbsent: {
+        type: BooleanConstructor;
+    };
+    label: {
+        type: (FunctionConstructor | StringConstructor)[];
+        default: string;
+    };
+    prop: {
+        type: (FunctionConstructor | StringConstructor)[];
+        default: string;
+    };
+    modelValue: {
+        type: null;
+    };
+    multiple: {
+        type: (BooleanConstructor | StringConstructor)[];
+    };
+    load: {
+        type: BooleanConstructor[];
+    };
+    optobj: {
+        type: BooleanConstructor[];
+    };
+}>> & Readonly<{}>, {
+    label: string | Function;
+    options: ObjAny[];
+    prop: string | Function;
+    clearAbsent: boolean;
+    nowhole: boolean;
+    whole: string;
+    compact: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/components/labels/src/index.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./index2.js";
+/* empty css       */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const SrcVue = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5e37fd26"]]);
+export {
+  SrcVue as default
+};

package/dist/components/labels/src/index2.cjs

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = require("vue");
+const index$1 = require("../../checks/index.cjs");
+const use = require("../../common/use.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
+const data = require("./data.cjs");
+const wholeValue = "Symbol('whole')";
+const wholeClass = "labels-li-whole";
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { emit: __emit }) {
+    const cs = index.useCssName("labels");
+    const props = __props;
+    const emit = __emit;
+    const listFuObj = data.dataHandle(props, emit);
+    const value = listFuObj.value;
+    const multiple = listFuObj.multiple;
+    function setPropsValue(obj, key, value2, d) {
+      if (typeof key === "function") {
+        const k = key(obj) ?? d;
+        obj[k] = value2;
+      } else if (typeof key == "string") {
+        obj[key] = value2;
+      } else {
+        obj[d] = value2;
+      }
+    }
+    const options = require$$0.computed(() => {
+      const opts = [...props.options];
+      if (!props.nowhole) {
+        const obj = {
+          class: wholeClass
+        };
+        if (multiple.value) {
+          setPropsValue(obj, props.prop, wholeValue, "value");
+        } else {
+          setPropsValue(obj, props.prop, "", "value");
+        }
+        setPropsValue(obj, props.label, props.whole, "label");
+        opts.unshift(obj);
+      }
+      return opts;
+    });
+    const valueMultiple = require$$0.computed({
+      get() {
+        if (value.value) {
+          if (value.value.length === props.options.filter((item) => !item.disabled).length) {
+            return [...value.value, wholeValue];
+          } else {
+            return [...value.value];
+          }
+        } else {
+          return [];
+        }
+      },
+      set(v) {
+        var _a;
+        if (v.includes(wholeValue)) {
+          v = v.filter((item) => item !== wholeValue);
+        }
+        if (v.length !== (((_a = value.value) == null ? void 0 : _a.length) ?? 0)) {
+          value.value = [...v];
+        }
+      }
+    });
+    function onClickWholes(item, is) {
+      if (item.class === wholeClass) {
+        if (valueMultiple.value.includes(wholeValue)) {
+          valueMultiple.value = [];
+        } else {
+          const v = props.options.filter((item2) => !item2.disabled).map((item2) => {
+            return use.useVueValue(item2, props.prop);
+          });
+          valueMultiple.value = [...v, wholeValue];
+        }
+      } else {
+        if (!is) {
+          if (valueMultiple.value.includes(wholeValue)) {
+            valueMultiple.value = valueMultiple.value.filter(
+              (item2) => item2 !== wholeValue
+            );
+          }
+        }
+      }
+    }
+    return (_ctx, _cache) => {
+      return require$$0.openBlock(), require$$0.createElementBlock("div", {
+        class: require$$0.normalizeClass([require$$0.unref(cs).z(), require$$0.unref(cs).is("compact", props.compact)])
+      }, [
+        require$$0.unref(multiple) ? (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$1.Checks), require$$0.mergeProps({ key: 0 }, props, {
+          class: [require$$0.unref(cs).z("whole")],
+          options: options.value,
+          modelValue: valueMultiple.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueMultiple.value = $event),
+          onClickMultiple: onClickWholes
+        }), null, 16, ["class", "options", "modelValue"])) : (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$1.Checks), require$$0.mergeProps({ key: 1 }, props, {
+          options: options.value,
+          modelValue: require$$0.unref(value),
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => require$$0.isRef(value) ? value.value = $event : null)
+        }), null, 16, ["options", "modelValue"]))
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -0,0 +1,108 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, mergeProps, isRef } from "vue";
+import { Checks } from "../../checks/index.js";
+import { useVueValue } from "../../common/use.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { dataEmits, dataProps, dataHandle } from "./data.js";
+const wholeValue = "Symbol('whole')";
+const wholeClass = "labels-li-whole";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { emit: __emit }) {
+    const cs = useCssName("labels");
+    const props = __props;
+    const emit = __emit;
+    const listFuObj = dataHandle(props, emit);
+    const value = listFuObj.value;
+    const multiple = listFuObj.multiple;
+    function setPropsValue(obj, key, value2, d) {
+      if (typeof key === "function") {
+        const k = key(obj) ?? d;
+        obj[k] = value2;
+      } else if (typeof key == "string") {
+        obj[key] = value2;
+      } else {
+        obj[d] = value2;
+      }
+    }
+    const options = computed(() => {
+      const opts = [...props.options];
+      if (!props.nowhole) {
+        const obj = {
+          class: wholeClass
+        };
+        if (multiple.value) {
+          setPropsValue(obj, props.prop, wholeValue, "value");
+        } else {
+          setPropsValue(obj, props.prop, "", "value");
+        }
+        setPropsValue(obj, props.label, props.whole, "label");
+        opts.unshift(obj);
+      }
+      return opts;
+    });
+    const valueMultiple = computed({
+      get() {
+        if (value.value) {
+          if (value.value.length === props.options.filter((item) => !item.disabled).length) {
+            return [...value.value, wholeValue];
+          } else {
+            return [...value.value];
+          }
+        } else {
+          return [];
+        }
+      },
+      set(v) {
+        var _a;
+        if (v.includes(wholeValue)) {
+          v = v.filter((item) => item !== wholeValue);
+        }
+        if (v.length !== (((_a = value.value) == null ? void 0 : _a.length) ?? 0)) {
+          value.value = [...v];
+        }
+      }
+    });
+    function onClickWholes(item, is) {
+      if (item.class === wholeClass) {
+        if (valueMultiple.value.includes(wholeValue)) {
+          valueMultiple.value = [];
+        } else {
+          const v = props.options.filter((item2) => !item2.disabled).map((item2) => {
+            return useVueValue(item2, props.prop);
+          });
+          valueMultiple.value = [...v, wholeValue];
+        }
+      } else {
+        if (!is) {
+          if (valueMultiple.value.includes(wholeValue)) {
+            valueMultiple.value = valueMultiple.value.filter(
+              (item2) => item2 !== wholeValue
+            );
+          }
+        }
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(cs).z(), unref(cs).is("compact", props.compact)])
+      }, [
+        unref(multiple) ? (openBlock(), createBlock(unref(Checks), mergeProps({ key: 0 }, props, {
+          class: [unref(cs).z("whole")],
+          options: options.value,
+          modelValue: valueMultiple.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueMultiple.value = $event),
+          onClickMultiple: onClickWholes
+        }), null, 16, ["class", "options", "modelValue"])) : (openBlock(), createBlock(unref(Checks), mergeProps({ key: 1 }, props, {
+          options: options.value,
+          modelValue: unref(value),
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(value) ? value.value = $event : null)
+        }), null, 16, ["options", "modelValue"]))
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/lists/common/img.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const img_vue_vue_type_script_setup_true_lang = require("./img2.cjs");
+;/* empty css       */
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.cjs");
+const FImg = /* @__PURE__ */ _pluginVue_exportHelper.default(img_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-19199d9d"]]);
+exports.default = FImg;

package/dist/components/lists/common/img.css

@@ -0,0 +1,4 @@
+.lists-li-img[data-v-19199d9d] {
+  width: 50px;
+  height: 50px;
+}

package/dist/components/lists/common/img.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: StringConstructor;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: StringConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/components/lists/common/img.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./img2.js";
+/* empty css     */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const FImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-19199d9d"]]);
+export {
+  FImg as default
+};

package/dist/components/lists/common/img2.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/image/style/css");
+const require$$0 = require("vue");
+const _hoisted_1 = { class: "lists-li" };
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+  __name: "img",
+  props: {
+    modelValue: String
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const prefix = void 0;
+    const value = require$$0.computed(() => {
+      if (props.modelValue) {
+        return prefix + "/" + props.modelValue;
+      } else {
+        return "";
+      }
+    });
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_el_image = es.ElImage;
+      return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1, [
+        require$$0.createVNode(_component_el_image, {
+          fit: "contain",
+          class: "lists-li-img",
+          src: value.value,
+          "preview-src-list": [value.value]
+        }, null, 8, ["src", "preview-src-list"])
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/lists/common/img2.js

@@ -0,0 +1,37 @@
+import { ElImage } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/image/style/css";
+import { defineComponent, computed, createElementBlock, openBlock, createVNode } from "vue";
+const _hoisted_1 = { class: "lists-li" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "img",
+  props: {
+    modelValue: String
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const prefix = void 0;
+    const value = computed(() => {
+      if (props.modelValue) {
+        return prefix + "/" + props.modelValue;
+      } else {
+        return "";
+      }
+    });
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_el_image = ElImage;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_image, {
+          fit: "contain",
+          class: "lists-li-img",
+          src: value.value,
+          "preview-src-list": [value.value]
+        }, null, 8, ["src", "preview-src-list"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/lists/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                   */
+const withInstall = require("../../utils/vues/withInstall.cjs");
+const index_vue_vue_type_script_lang = require("./src/index.cjs");
+const Lists = withInstall.withInstall(index_vue_vue_type_script_lang.default, "Lists");
+exports.Lists = Lists;
+exports.default = Lists;

package/dist/components/lists/index.css

@@ -0,0 +1,93 @@
+:root {
+  --el-icon-picker-on: rgb(91, 189, 246);
+  --el-icon-picker-border: #eee;
+  --el-color-primary: #409eff;
+  --el-bag-primary: #409eff;
+  --el-bag-primary-text: #fff;
+  --el-border: #eee;
+  --el-layout-panel-gap: 10px;
+  --el-layout-panel-padding: 20px;
+  --el-layout-form-item-padding-right: var(
+  	--el-layout-panel-gap
+  );
+  --el-g-main-bg: var(--el-bg-color-page);
+}
+
+.el-com {
+  font-size: 20px;
+}
+
+.el-lists-div .el-lists-table {
+  width: 100%;
+  height: 100%;
+}
+.el-lists-div .el-lists-table td {
+  text-align: left;
+}
+.el-lists-div .el-lists-table th {
+  font-weight: initial;
+}
+.el-lists-div .el-lists-table .is-whole .el-lists-table-auto {
+  width: 100%;
+}
+.el-lists-div .el-lists-table .is-whole .el-lists-table-value {
+  width: 100%;
+  display: block;
+}
+.el-lists-div .el-lists-table .el-lists-table-td,
+.el-lists-div .el-lists-table .el-lists-table-th {
+  padding: 6px;
+}
+.el-lists-div .el-lists-table .el-lists-table-auto {
+  display: inline-flex;
+  align-items: center;
+}
+.el-lists-div .el-lists-table .el-lists-table-auto .el-lists-table-label {
+  white-space: nowrap;
+}
+.el-lists-div .el-lists-table .el-lists-table-th {
+  text-align: left;
+}
+.el-lists-div .el-lists-table.right .el-lists-table-th {
+  text-align: right;
+}
+.el-lists-div .el-lists-table.center .el-lists-table-th {
+  text-align: center;
+}
+.el-lists-div .el-lists-table.auto .el-lists-table-th {
+  padding-right: 0;
+}
+.el-lists-div .el-lists-table.top .el-lists-table-th {
+  padding-bottom: 0;
+}
+.el-lists-div .el-lists-table.is-aliquots {
+  table-layout: fixed;
+}
+.el-lists-div .el-lists-table.is-border {
+  border-right: 1px solid var(--el-lists-border-color);
+  border-top: 1px solid var(--el-lists-border-color);
+  border-bottom: 1px solid var(--el-lists-border-color);
+}
+.el-lists-div .el-lists-table.is-border > tr > td {
+  border-bottom: 1px solid var(--el-lists-border-color);
+  border-left: 1px solid var(--el-lists-border-color);
+}
+.el-lists-div .el-lists-table.is-border > tr > td:last-child {
+  border-right: 1px solid var(--el-lists-border-color);
+}
+.el-lists-div .el-lists-table.is-border > tr > th {
+  border-left: 1px solid var(--el-lists-border-color);
+  border-bottom: 1px solid var(--el-lists-border-color);
+}
+.el-lists-div .el-lists-table.is-border > tr > th:last-child {
+  border-right: 1px solid var(--el-lists-border-color);
+}
+.el-lists-div .el-lists-table.is-border > tr:last-child > td {
+  border-bottom: 0;
+}
+.el-lists-div .el-lists-table.is-border > tr:last-child > th {
+  border-bottom: 0;
+}
+.el-lists-div .el-lists-table.is-border.top > tr > th {
+  border-bottom: 0;
+}