@fangzhongya/fang-ui 0.0.97 → 0.0.99

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const index$2 = require("../../popover/index.cjs");
 const index$4 = require("../../button/index.cjs");
 const index$5 = require("../../array/index.cjs");
@@ -10,7 +10,7 @@ const use = require("../../common/use.cjs");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const cs = index$1.useCssName("selector");
     const props = __props;
     const emit = __emit;
-    const data$1 = vues.reactive({
+    const data$1 = vue.reactive({
       timeShow: false,
       sname: "",
       ename: "",
@@ -28,22 +28,22 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       endVal: props.options.length - 1
       //结束框value值
     });
-    const isShow = vues.ref(false);
+    const isShow = vue.ref(false);
     function onMousemove() {
       isShow.value = true;
     }
     function onMouseout() {
       isShow.value = false;
     }
-    vues.watch(
+    vue.watch(
       [() => props.options, () => props.modelValue],
       (newList, oldList) => {
         setElValue(props.modelValue);
       },
       { deep: true, immediate: true }
     );
-    const zindex = vues.ref(0);
-    const yindex = vues.ref(0);
+    const zindex = vue.ref(0);
+    const yindex = vue.ref(0);
     function setElValue(val) {
       let arr = props.options;
       let at = arr.length;
@@ -114,17 +114,17 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createBlock(vues.unref(index$2.Popover), {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$2.Popover), {
         onAfterEnter: afterEnter,
         placement: "bottom",
-        "popper-class": vues.unref(cs).z("popper"),
+        "popper-class": vue.unref(cs).z("popper"),
         trigger: "click",
         width: props.width,
         disabled: props.disabled,
         visible: data$1.timeShow
       }, {
-        reference: vues.withCtx(() => [
-          vues.createVNode(vues.unref(index$5.Array), {
+        reference: vue.withCtx(() => [
+          vue.createVNode(vue.unref(index$5.Array), {
             rangeSeparator: props.rangeSeparator,
             startPlaceholder: props.startPlaceholder,
             endPlaceholder: props.endPlaceholder,
@@ -133,23 +133,23 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
             modelValue: [data$1.sname, data$1.ename],
             onFocus: _cache[0] || (_cache[0] = ($event) => data$1.timeShow = true),
             onClear: onCancel,
-            compon: vues.unref(index$6.Inputs)
+            compon: vue.unref(index$6.Inputs)
           }, null, 8, ["rangeSeparator", "startPlaceholder", "endPlaceholder", "clearable", "modelValue", "compon"])
         ]),
-        default: vues.withCtx(() => [
-          vues.createElementVNode("div", {
-            class: vues.normalizeClass(vues.unref(cs).z("select"))
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(cs).z("select"))
           }, [
-            vues.createElementVNode("div", {
-              class: vues.normalizeClass(vues.unref(cs).z("select-list"))
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(cs).z("select-list"))
             }, [
-              vues.createElementVNode("div", {
-                class: vues.normalizeClass(vues.unref(cs).z("select-list-li"))
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(cs).z("select-list-li"))
               }, [
-                vues.createElementVNode("div", {
-                  class: vues.normalizeClass(vues.unref(cs).z("select-list-title"))
-                }, vues.toDisplayString(props.startPlaceholder), 3),
-                vues.createVNode(vues.unref(index$3.SelectScroll), {
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(cs).z("select-list-title"))
+                }, vue.toDisplayString(props.startPlaceholder), 3),
+                vue.createVNode(vue.unref(index$3.SelectScroll), {
                   modelValue: zindex.value,
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => zindex.value = $event),
                   max: yindex.value,
@@ -157,13 +157,13 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
                   options: props.options
                 }, null, 8, ["modelValue", "max", "label", "options"])
               ], 2),
-              vues.createElementVNode("div", {
-                class: vues.normalizeClass(vues.unref(cs).z("select-list-li"))
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(cs).z("select-list-li"))
               }, [
-                vues.createElementVNode("div", {
-                  class: vues.normalizeClass(vues.unref(cs).z("select-list-title"))
-                }, vues.toDisplayString(props.endPlaceholder), 3),
-                vues.createVNode(vues.unref(index$3.SelectScroll), {
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(cs).z("select-list-title"))
+                }, vue.toDisplayString(props.endPlaceholder), 3),
+                vue.createVNode(vue.unref(index$3.SelectScroll), {
                   min: zindex.value,
                   modelValue: yindex.value,
                   "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => yindex.value = $event),
@@ -172,24 +172,24 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
                 }, null, 8, ["min", "modelValue", "label", "options"])
               ], 2)
             ], 2),
-            vues.createElementVNode("div", {
-              class: vues.normalizeClass(vues.unref(cs).z("select-buts"))
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(cs).z("select-buts"))
             }, [
-              vues.createVNode(vues.unref(index$4.Button), {
+              vue.createVNode(vue.unref(index$4.Button), {
                 text: "",
-                onClick: vues.withModifiers(onCancel, ["stop"])
+                onClick: vue.withModifiers(onCancel, ["stop"])
               }, {
-                default: vues.withCtx(() => [
-                  vues.createTextVNode(vues.toDisplayString(vues.unref(getLocale)("close")), 1)
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(getLocale)("close")), 1)
                 ]),
                 _: 1
               }),
-              vues.createVNode(vues.unref(index$4.Button), {
+              vue.createVNode(vue.unref(index$4.Button), {
                 type: "primary",
-                onClick: vues.withModifiers(onDetermine, ["stop"])
+                onClick: vue.withModifiers(onDetermine, ["stop"])
               }, {
-                default: vues.withCtx(() => [
-                  vues.createTextVNode(vues.toDisplayString(vues.unref(getLocale)("form.confirm")), 1)
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(getLocale)("form.confirm")), 1)
                 ]),
                 _: 1
               })

package/dist/components/selects/index.css

@@ -14,7 +14,7 @@
 
 .selects-select {
   height: 100%;
-  min-width: 100px;
+  min-width: 60px;
   width: 100%;
 }
 .selects-select > div {

package/dist/components/selects/index.scss

@@ -4,7 +4,7 @@ $selects: 'selects';
 @include b($selects) {
 	&-select {
 		height: 100%;
-		min-width: 100px;
+		min-width: 60px;
 		// 老版本有问题
 		width: 100%;
 		& > div {

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

@@ -1,28 +1,30 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
-const index$3 = require("../../select/index.cjs");
-const index$4 = require("../../option/index.cjs");
+const vue = require("vue");
+const index$4 = require("../../select/index.cjs");
+const index$5 = require("../../option/index.cjs");
 const compareArray = require("@fangzhongya/utils/basic/array/compareArray");
-const index = require("../../../hooks/inherit/index.cjs");
+const index$1 = require("../../../hooks/inherit/index.cjs");
 const use = require("../../common/use.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
-const index$2 = require("../../../hooks/expose/index.cjs");
+const index$2 = require("../../../hooks/cssname/index.cjs");
+const index$3 = require("../../../hooks/expose/index.cjs");
 const data = require("./data.cjs");
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const index = require("../../../hooks/locale/index.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const refEl = vues.ref();
-    const elRef = vues.ref();
-    const attrs = index.useInherit(vues.useAttrs());
-    const cs = index$1.useCssName("selects");
+    const { getLocale } = index.useLocale();
+    const refEl = vue.ref();
+    const elRef = vue.ref();
+    const attrs = index$1.useInherit(vue.useAttrs());
+    const cs = index$2.useCssName("selects");
     const props = __props;
-    const placeholder = vues.computed(() => {
+    const placeholder = vue.computed(() => {
       if (typeof props.placeholder == "undefined") {
-        return "请选择";
+        return getLocale("form.select");
       } else {
         return props.placeholder;
       }
@@ -45,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       onClickMultiple(value2, true);
     };
     __expose(
-      index$2.useExpose(
+      index$3.useExpose(
         {
           el: refEl
         },
@@ -53,29 +55,29 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       )
     );
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createElementBlock("div", vues.mergeProps({
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         ref_key: "refEl",
         ref: refEl
-      }, vues.unref(attrs).root, {
-        class: vues.unref(cs).z()
+      }, vue.unref(attrs).root, {
+        class: vue.unref(cs).z()
       }), [
-        vues.createVNode(vues.unref(index$3.Select), vues.mergeProps({
-          class: vues.unref(cs).z("select"),
+        vue.createVNode(vue.unref(index$4.Select), vue.mergeProps({
+          class: vue.unref(cs).z("select"),
           ref_key: "elRef",
           ref: elRef,
-          modelValue: vues.unref(value),
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vues.isRef(value) ? value.value = $event : null)
-        }, vues.unref(attrs).assem, {
-          multiple: vues.unref(multiple),
+          modelValue: vue.unref(value),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(value) ? value.value = $event : null)
+        }, vue.unref(attrs).assem, {
+          multiple: vue.unref(multiple),
           placeholder: placeholder.value,
           onChange,
           onRemoveTag
         }), {
-          default: vues.withCtx(() => [
-            (vues.openBlock(true), vues.createElementBlock(vues.Fragment, null, vues.renderList(props.options, (item) => {
-              return vues.openBlock(), vues.createBlock(vues.unref(index$4.Option), {
-                label: vues.unref(use.useVueValue)(item, props.label),
-                value: vues.unref(use.useVueValue)(item, props.prop),
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.options, (item) => {
+              return vue.openBlock(), vue.createBlock(vue.unref(index$5.Option), {
+                label: vue.unref(use.useVueValue)(item, props.label),
+                value: vue.unref(use.useVueValue)(item, props.prop),
                 disabled: item == null ? void 0 : item.disabled
               }, null, 8, ["label", "value", "disabled"]);
             }), 256))

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

@@ -7,12 +7,14 @@ import { useVueValue } from "../../common/use.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useExpose } from "../../../hooks/expose/index.js";
 import { dataHandle, dataEmits, dataProps } from "./data.js";
+import { useLocale } from "../../../hooks/locale/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = useLocale();
     const refEl = ref();
     const elRef = ref();
     const attrs = useInherit(useAttrs());
@@ -20,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const placeholder = computed(() => {
       if (typeof props.placeholder == "undefined") {
-        return "请选择";
+        return getLocale("form.select");
       } else {
         return props.placeholder;
       }

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

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const index$1 = require("../../../hooks/expose/index.cjs");
 const index$2 = require("element-plus/es/components/slider/index");
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = vues.useAttrs();
-    const slots = vues.useSlots();
+    const attrs = vue.useAttrs();
+    const slots = vue.useSlots();
     const cs = index.useCssName("slider");
     const props = __props;
     const emit = __emit;
-    const elRef = vues.ref();
+    const elRef = vue.ref();
     __expose(
       index$1.useExpose(
         {
@@ -25,16 +25,16 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       )
     );
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createBlock(vues.unref(index$2.ElSlider), vues.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElSlider), vue.mergeProps({
         ref_key: "elRef",
         ref: elRef,
-        class: vues.unref(cs).z()
-      }, vues.unref(attrs)), vues.createSlots({ _: 2 }, [
-        vues.renderList(Object.keys(vues.unref(slots)), (k) => {
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs)), vue.createSlots({ _: 2 }, [
+        vue.renderList(Object.keys(vue.unref(slots)), (k) => {
           return {
             name: k,
-            fn: vues.withCtx((scope) => [
-              vues.renderSlot(_ctx.$slots, k, vues.normalizeProps(vues.guardReactiveProps(scope || {})))
+            fn: vue.withCtx((scope) => [
+              vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
             ])
           };
         })

package/dist/components/slider/style/element.scss

@@ -1,2 +1,4 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
 @use '../../input-number/style/index2.scss' as *;
-@use '../../tooltip/style/index2.scss' as *;
+@use '../../tooltip/style/index2.scss' as *;
+@use 'element-plus/theme-chalk/src/slider.scss' as *;

package/dist/components/slider/style/index2.scss

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/slider.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/sliders/index.cjs

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

package/dist/components/sliders/index.css

@@ -0,0 +1,42 @@
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}
+
+.sliders {
+  width: 100%;
+  position: relative;
+}
+.sliders-slider {
+  width: 100%;
+}
+.sliders-slider.el-slider--small {
+  --el-slider-height: 4px;
+  --el-slider-button-wrapper-size: 28px;
+  --el-slider-button-size: 16px;
+  --el-slider-button-wrapper-offset: -12px;
+}
+.sliders .el-slider__bar {
+  z-index: 2;
+}
+.sliders .el-slider__button-wrapper {
+  z-index: 3;
+}
+.sliders-advance {
+  position: absolute;
+  left: 0;
+  width: var(--sliders-advance-width);
+  z-index: 1;
+  background-color: var(--sliders-advance-color, var(--el-color-success));
+  border-radius: var(--el-slider-border-radius);
+  height: var(--el-slider-height);
+}

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

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent } from 'vue';
+declare const Sliders: SFCWithInstall<DefineComponent<{}, {}, any>>;
+export { Sliders, Sliders as default };

package/dist/components/sliders/index.js

@@ -0,0 +1,9 @@
+/* empty css                 */
+import { withInstall } from "../../utils/vues/withInstall.js";
+import "./src/index.js";
+import _sfc_main from "./src/index2.js";
+const Sliders = withInstall(_sfc_main, "Sliders");
+export {
+  Sliders,
+  Sliders as default
+};

package/dist/components/sliders/index.scss

@@ -0,0 +1,34 @@
+@use '../scss/common.scss' as *;
+
+$sliders: 'sliders';
+@include b($sliders) {
+	width: 100%;
+	position: relative;
+	&-slider {
+		width: 100%;
+		&.#{el('slider','', '', 'small')} {
+			#{v(e()+'slider-height')}: 4px;
+			#{v(e()+'slider-button-wrapper-size')}: 28px;
+			#{v(e()+'slider-button-size')}: 16px;
+			#{v(e()+'slider-button-wrapper-offset')}: -12px;
+		}
+	}
+	.#{el('slider','', 'bar')} {
+		z-index: 2;
+	}
+	.#{el('slider','', 'button-wrapper')} {
+		z-index: 3;
+	}
+	&-advance {
+		position: absolute;
+		left: 0;
+		width: var(vdm('advance-width', $sliders));
+		z-index: 1;
+		background-color: var(
+			vdm('advance-color', $sliders),
+			var(v(e() + 'color-success'))
+		);
+		border-radius: var(v(e() + 'slider-border-radius'));
+		height: var(v(e() + 'slider-height'));
+	}
+}

package/dist/components/sliders/src/data.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const dataProps = buildProps.buildProps({
+  /**
+   * @props { Number ,Object} modelValue= ( )
+   * 输入框展示数据
+   */
+  modelValue: {
+    type: [Number, Object]
+  },
+  advance: {
+    type: Number
+  },
+  advanceColor: {
+    type: String
+  },
+  min: {
+    type: Number,
+    default() {
+      return 0;
+    }
+  },
+  max: {
+    type: Number,
+    default() {
+      return 100;
+    }
+  },
+  size: {
+    type: String
+  }
+});
+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/sliders/src/data.d.ts

@@ -0,0 +1,45 @@
+import { ExtractPublicPropTypes } from 'vue';
+export declare const dataProps: {
+    /**
+     * @props { Number ,Object} modelValue= ( )
+     * 输入框展示数据
+     */
+    modelValue: {
+        type: (ObjectConstructor | NumberConstructor)[];
+    };
+    advance: {
+        type: NumberConstructor;
+    };
+    advanceColor: {
+        type: StringConstructor;
+    };
+    min: {
+        type: NumberConstructor;
+        default(): 0;
+    };
+    max: {
+        type: NumberConstructor;
+        default(): 100;
+    };
+    size: {
+        type: StringConstructor;
+    };
+};
+export type DataProps = ExtractPublicPropTypes<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/sliders/src/data.js

@@ -0,0 +1,42 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+const dataProps = buildProps({
+  /**
+   * @props { Number ,Object} modelValue= ( )
+   * 输入框展示数据
+   */
+  modelValue: {
+    type: [Number, Object]
+  },
+  advance: {
+    type: Number
+  },
+  advanceColor: {
+    type: String
+  },
+  min: {
+    type: Number,
+    default() {
+      return 0;
+    }
+  },
+  max: {
+    type: Number,
+    default() {
+      return 100;
+    }
+  },
+  size: {
+    type: String
+  }
+});
+const dataEmits = ["update:modelValue"];
+const dataSlot = {
+  default: "default"
+};
+const dataExpose = {};
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  dataSlot
+};

package/dist/components/sliders/src/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./index2.js";
+export {
+  _sfc_main as default
+};