@fangzhongya/fang-ui 0.0.12 → 0.0.14

package/dist/components/select-scroll/src/data.js

@@ -0,0 +1,38 @@
+const dataProps = {
+  options: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
+  label: {
+    type: String,
+    default: "label"
+  },
+  height: {
+    type: String,
+    default: "34px"
+  },
+  limit: {
+    type: Number,
+    default: 2
+  },
+  // 页面没有显示无法滚动
+  modelValue: {
+    type: Number,
+    default: 0
+  },
+  max: {
+    type: Number
+  },
+  min: {
+    type: Number
+  }
+};
+const dataEmits = ["update:modelValue"];
+const dataExpose = {};
+export {
+  dataEmits,
+  dataExpose,
+  dataProps
+};

package/dist/components/select-scroll/src/index.cjs

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

package/dist/components/select-scroll/src/index.d.ts

@@ -0,0 +1,64 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    options: {
+        type: ArrayConstructor;
+        default(): never[];
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+    };
+    min: {
+        type: NumberConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    options: {
+        type: ArrayConstructor;
+        default(): never[];
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    limit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+    };
+    min: {
+        type: NumberConstructor;
+    };
+}>> & Readonly<{}>, {
+    label: string;
+    modelValue: number;
+    options: unknown[];
+    height: string;
+    limit: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    refScroll: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/select-scroll/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-038707dd"]]);
+export {
+  SrcVue as default
+};

package/dist/components/select-scroll/src/index2.cjs

@@ -0,0 +1,158 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = require("vue");
+const data = require("./data.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
+const use = require("../../common/use.cjs");
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = index.useCssName("select-scroll");
+    const props = __props;
+    const emit = __emit;
+    const h = require$$0.computed(() => {
+      let h2 = props.height || "";
+      return Number(h2.replace("px", ""));
+    });
+    let timeout;
+    const refScroll = require$$0.ref();
+    const index$1 = require$$0.ref(0);
+    require$$0.watch(
+      () => index$1.value,
+      () => {
+        setScroll(index$1.value);
+        emit("update:modelValue", index$1.value);
+      }
+    );
+    require$$0.watch(
+      () => props.modelValue,
+      () => {
+        setPropsValue();
+      }
+    );
+    function setClass(index2, _obj) {
+      if (props.max) {
+        if (index2 > props.max) {
+          return "hide";
+        }
+      }
+      if (props.min) {
+        if (index2 < props.min) {
+          return "hide";
+        }
+      }
+    }
+    function onClick(i, obj) {
+      if (!setClass(i)) {
+        index$1.value = i;
+      }
+    }
+    function setScroll(value) {
+      if (refScroll.value) {
+        let v = h.value * value;
+        refScroll.value.scrollTop = v;
+      }
+    }
+    function setMinMax(v) {
+      if (props.min && v < props.min) {
+        v = props.min;
+      } else if (props.max && v > props.max) {
+        v = props.max;
+      }
+      setScroll(v);
+    }
+    function setPropsValue() {
+      let v = props.modelValue;
+      if (!setClass(v)) {
+        setScroll(v);
+      } else {
+        setMinMax(v);
+      }
+    }
+    function getScroll() {
+      clearTimeout(timeout);
+      timeout = setTimeout(() => {
+        if (refScroll.value) {
+          let r = refScroll.value.scrollTop;
+          let v = Math.round(r / h.value);
+          if (!setClass(v)) {
+            index$1.value = v;
+          } else {
+            setMinMax(v);
+          }
+        }
+      }, 200);
+    }
+    function handleScroll() {
+      if (refScroll.value) {
+        refScroll.value.addEventListener("scroll", () => {
+          getScroll();
+        });
+      }
+    }
+    require$$0.onMounted(() => {
+      handleScroll();
+      setPropsValue();
+    });
+    require$$0.onBeforeUnmount(() => {
+      if (refScroll.value) {
+        refScroll.value.removeEventListener("scroll", () => {
+        });
+      }
+    });
+    __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("div", {
+          class: require$$0.normalizeClass(require$$0.unref(cs).z("div")),
+          style: require$$0.normalizeStyle({
+            height: h.value * (props.limit * 2 + 1) + "px"
+          })
+        }, [
+          require$$0.createElementVNode("div", {
+            class: require$$0.normalizeClass(require$$0.unref(cs).z("box"))
+          }, [
+            require$$0.createElementVNode("div", {
+              class: require$$0.normalizeClass(require$$0.unref(cs).z("after")),
+              style: require$$0.normalizeStyle({
+                "margin-top": h.value / 2 * -1 + "px"
+              })
+            }, null, 6),
+            require$$0.createElementVNode("div", {
+              class: require$$0.normalizeClass(require$$0.unref(cs).z("before")),
+              style: require$$0.normalizeStyle({
+                "margin-top": h.value / 2 + "px"
+              })
+            }, null, 6),
+            require$$0.createElementVNode("div", {
+              ref_key: "refScroll",
+              ref: refScroll,
+              class: require$$0.normalizeClass(require$$0.unref(cs).z("list"))
+            }, [
+              (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(props.options, (item, ind) => {
+                return require$$0.openBlock(), require$$0.createElementBlock("div", {
+                  class: require$$0.normalizeClass([require$$0.unref(cs).z("list-li"), setClass(ind)]),
+                  onClick: require$$0.withModifiers(($event) => onClick(ind), ["stop"]),
+                  style: require$$0.normalizeStyle({
+                    height: h.value + "px",
+                    "line-height": h.value + "px",
+                    "margin-top": ind == 0 ? h.value * props.limit + "px" : "",
+                    "margin-bottom": ind == props.options.length - 1 ? h.value * props.limit + "px" : ""
+                  })
+                }, require$$0.toDisplayString(require$$0.unref(use.useVueValue)(item, props.label)), 15, _hoisted_1);
+              }), 256))
+            ], 2)
+          ], 2)
+        ], 6)
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/select-scroll/src/index2.js

@@ -0,0 +1,158 @@
+import { defineComponent, computed, ref, watch, onMounted, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, normalizeStyle, Fragment, renderList, withModifiers, toDisplayString } from "vue";
+import { dataEmits, dataProps, dataExpose } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useVueValue } from "../../common/use.js";
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = useCssName("select-scroll");
+    const props = __props;
+    const emit = __emit;
+    const h = computed(() => {
+      let h2 = props.height || "";
+      return Number(h2.replace("px", ""));
+    });
+    let timeout;
+    const refScroll = ref();
+    const index = ref(0);
+    watch(
+      () => index.value,
+      () => {
+        setScroll(index.value);
+        emit("update:modelValue", index.value);
+      }
+    );
+    watch(
+      () => props.modelValue,
+      () => {
+        setPropsValue();
+      }
+    );
+    function setClass(index2, _obj) {
+      if (props.max) {
+        if (index2 > props.max) {
+          return "hide";
+        }
+      }
+      if (props.min) {
+        if (index2 < props.min) {
+          return "hide";
+        }
+      }
+    }
+    function onClick(i, obj) {
+      if (!setClass(i)) {
+        index.value = i;
+      }
+    }
+    function setScroll(value) {
+      if (refScroll.value) {
+        let v = h.value * value;
+        refScroll.value.scrollTop = v;
+      }
+    }
+    function setMinMax(v) {
+      if (props.min && v < props.min) {
+        v = props.min;
+      } else if (props.max && v > props.max) {
+        v = props.max;
+      }
+      setScroll(v);
+    }
+    function setPropsValue() {
+      let v = props.modelValue;
+      if (!setClass(v)) {
+        setScroll(v);
+      } else {
+        setMinMax(v);
+      }
+    }
+    function getScroll() {
+      clearTimeout(timeout);
+      timeout = setTimeout(() => {
+        if (refScroll.value) {
+          let r = refScroll.value.scrollTop;
+          let v = Math.round(r / h.value);
+          if (!setClass(v)) {
+            index.value = v;
+          } else {
+            setMinMax(v);
+          }
+        }
+      }, 200);
+    }
+    function handleScroll() {
+      if (refScroll.value) {
+        refScroll.value.addEventListener("scroll", () => {
+          getScroll();
+        });
+      }
+    }
+    onMounted(() => {
+      handleScroll();
+      setPropsValue();
+    });
+    onBeforeUnmount(() => {
+      if (refScroll.value) {
+        refScroll.value.removeEventListener("scroll", () => {
+        });
+      }
+    });
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs).z())
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(cs).z("div")),
+          style: normalizeStyle({
+            height: h.value * (props.limit * 2 + 1) + "px"
+          })
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(unref(cs).z("box"))
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(cs).z("after")),
+              style: normalizeStyle({
+                "margin-top": h.value / 2 * -1 + "px"
+              })
+            }, null, 6),
+            createElementVNode("div", {
+              class: normalizeClass(unref(cs).z("before")),
+              style: normalizeStyle({
+                "margin-top": h.value / 2 + "px"
+              })
+            }, null, 6),
+            createElementVNode("div", {
+              ref_key: "refScroll",
+              ref: refScroll,
+              class: normalizeClass(unref(cs).z("list"))
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (item, ind) => {
+                return openBlock(), createElementBlock("div", {
+                  class: normalizeClass([unref(cs).z("list-li"), setClass(ind)]),
+                  onClick: withModifiers(($event) => onClick(ind), ["stop"]),
+                  style: normalizeStyle({
+                    height: h.value + "px",
+                    "line-height": h.value + "px",
+                    "margin-top": ind == 0 ? h.value * props.limit + "px" : "",
+                    "margin-bottom": ind == props.options.length - 1 ? h.value * props.limit + "px" : ""
+                  })
+                }, toDisplayString(unref(useVueValue)(item, props.label)), 15, _hoisted_1);
+              }), 256))
+            ], 2)
+          ], 2)
+        ], 6)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/selector/index.cjs

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

package/dist/components/selector/index.css

@@ -0,0 +1,64 @@
+.selector[data-v-168f911b] {
+  padding: 3px 10px;
+  display: flex;
+  align-items: center;
+  position: relative;
+  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
+  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
+  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
+}
+.selector[data-v-168f911b]:hover {
+  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
+}
+.selector.is-active[data-v-168f911b] {
+  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
+}
+.selector.el-date-editor .el-range-separator[data-v-168f911b] {
+  flex: 0;
+}
+.selector .selector-input[data-v-168f911b] {
+  flex: 1;
+  text-align: center;
+}
+.selector .selector-input .el-input__inner[data-v-168f911b] {
+  text-align: center;
+  border: none;
+}
+.selector .selector-clearable[data-v-168f911b] {
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 100%;
+}
+.selector .selector-clearable svg[data-v-168f911b] {
+  width: 1rem;
+  height: 1rem;
+}
+.selector-popper.el-popover.el-popper[data-v-168f911b] {
+  padding: 0;
+}
+.selector-popper .selector-select[data-v-168f911b] {
+  padding: 5px 10px;
+  z-index: 1000;
+  width: 300px;
+  overflow: hidden;
+}
+.selector-popper .selector-select .selector-select-list[data-v-168f911b] {
+  display: flex;
+}
+.selector-popper .selector-select .selector-select-list .selector-select-list-li[data-v-168f911b] {
+  flex: 1;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.selector-popper .selector-select .selector-select-list .selector-select-list-li .selector-select-list-title[data-v-168f911b] {
+  padding: 5px 0;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+  text-align: center;
+}
+.selector-popper .selector-select .selector-select-buts[data-v-168f911b] {
+  border-top: 1px solid var(--el-border-color-lighter);
+  text-align: right;
+  padding-right: 0;
+}

package/dist/components/selector/index.d.ts

@@ -0,0 +1,164 @@
+declare const Selector: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        rangeSeparator: {
+            type: StringConstructor;
+            default: string;
+        };
+        startPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        endPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        width: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: string;
+        };
+        options: {
+            type: ArrayConstructor;
+            default(): never[];
+        };
+        prop: {
+            type: StringConstructor;
+            default: string;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        modelValue: {
+            type: ArrayConstructor;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        label: string;
+        width: string | number;
+        disabled: boolean;
+        options: unknown[];
+        clearable: boolean;
+        rangeSeparator: string;
+        startPlaceholder: string;
+        endPlaceholder: string;
+        prop: string;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        rangeSeparator: {
+            type: StringConstructor;
+            default: string;
+        };
+        startPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        endPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        width: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: string;
+        };
+        options: {
+            type: ArrayConstructor;
+            default(): never[];
+        };
+        prop: {
+            type: StringConstructor;
+            default: string;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        modelValue: {
+            type: ArrayConstructor;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        label: string;
+        width: string | number;
+        disabled: boolean;
+        options: unknown[];
+        clearable: boolean;
+        rangeSeparator: string;
+        startPlaceholder: string;
+        endPlaceholder: string;
+        prop: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    rangeSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    startPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    endPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    options: {
+        type: ArrayConstructor;
+        default(): never[];
+    };
+    prop: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: ArrayConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    label: string;
+    width: string | number;
+    disabled: boolean;
+    options: unknown[];
+    clearable: boolean;
+    rangeSeparator: string;
+    startPlaceholder: string;
+    endPlaceholder: string;
+    prop: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+export { Selector, Selector as default };

package/dist/components/selector/index.js

@@ -0,0 +1,7 @@
+import { withInstall } from "../../utils/vues/withInstall.js";
+import SrcVue from "./src/index.js";
+const Selector = withInstall(SrcVue, "Selector");
+export {
+  Selector,
+  Selector as default
+};