@fangzhongya/fang-ui 0.0.57 → 0.0.58

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

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

package/dist/components/select-scroll/index.js

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

package/dist/components/select-scroll/index.scss

@@ -0,0 +1,55 @@
+@use '../scss/common.scss' as *;
+
+$select-scroll: 'select-scroll';
+@include b($select-scroll) {
+	flex: 1;
+	float: left;
+	display: flex;
+	flex-direction: column;
+	width: 148px;
+	&:first-child {
+		margin-right: 12px;
+	}
+	&-div {
+		display: flex;
+		padding: 2px;
+		overflow: hidden;
+	}
+	&-box {
+		position: relative;
+		width: 140px;
+		overflow: hidden;
+		&-after,
+		&-before {
+			position: absolute;
+			top: 50%;
+			width: 100%;
+			z-index: 0;
+			border-top: 1px solid var(--el-border-color-lighter);
+			height: 1px;
+		}
+	}
+	&-list {
+		width: 156px;
+		height: 100%;
+		overflow: auto;
+		&:first-child {
+			padding-right: 4px;
+		}
+		&:last-child {
+			padding-left: 4px;
+		}
+		&-li {
+			padding: 0 20px 0 7px;
+			text-align: center;
+			&:hover {
+				background-color: var(--el-color-primary);
+				cursor: pointer;
+			}
+			&.hide {
+				color: #a8abb2;
+				cursor: not-allowed;
+			}
+		}
+	}
+}

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

@@ -1,7 +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");
-;/* 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;
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

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

@@ -1,7 +1,4 @@
 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
+  _sfc_main as default
 };

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

@@ -132,13 +132,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             class: vue.normalizeClass(vue.unref(cs).z("box"))
           }, [
             vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(cs).z("after")),
+              class: vue.normalizeClass(vue.unref(cs).z("box-after")),
               style: vue.normalizeStyle({
                 "margin-top": h.value / 2 * -1 + "px"
               })
             }, null, 6),
             vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(cs).z("before")),
+              class: vue.normalizeClass(vue.unref(cs).z("box-before")),
               style: vue.normalizeStyle({
                 "margin-top": h.value / 2 + "px"
               })

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

@@ -130,13 +130,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(unref(cs).z("box"))
           }, [
             createElementVNode("div", {
-              class: normalizeClass(unref(cs).z("after")),
+              class: normalizeClass(unref(cs).z("box-after")),
               style: normalizeStyle({
                 "margin-top": h.value / 2 * -1 + "px"
               })
             }, null, 6),
             createElementVNode("div", {
-              class: normalizeClass(unref(cs).z("before")),
+              class: normalizeClass(unref(cs).z("box-before")),
               style: normalizeStyle({
                 "margin-top": h.value / 2 + "px"
               })

package/dist/components/selector/index.cjs

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

package/dist/components/selector/index.css

@@ -1,64 +1,156 @@
-.selector[data-v-168f911b] {
-  padding: 3px 10px;
+: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);
+}
+
+.select-scroll {
+  flex: 1;
+  float: left;
   display: flex;
+  flex-direction: column;
+  width: 148px;
+}
+.select-scroll:first-child {
+  margin-right: 12px;
+}
+.select-scroll-div {
+  display: flex;
+  padding: 2px;
+  overflow: hidden;
+}
+.select-scroll-box {
+  position: relative;
+  width: 140px;
+  overflow: hidden;
+}
+.select-scroll-box-after, .select-scroll-box-before {
+  position: absolute;
+  top: 50%;
+  width: 100%;
+  z-index: 0;
+  border-top: 1px solid var(--el-border-color-lighter);
+  height: 1px;
+}
+.select-scroll-list {
+  width: 156px;
+  height: 100%;
+  overflow: auto;
+}
+.select-scroll-list:first-child {
+  padding-right: 4px;
+}
+.select-scroll-list:last-child {
+  padding-left: 4px;
+}
+.select-scroll-list-li {
+  padding: 0 20px 0 7px;
+  text-align: center;
+}
+.select-scroll-list-li:hover {
+  background-color: var(--el-color-primary);
+  cursor: pointer;
+}
+.select-scroll-list-li.hide {
+  color: #a8abb2;
+  cursor: not-allowed;
+}
+
+.array {
+  width: 100%;
+  display: inline-flex;
   align-items: center;
+  padding: 1px;
   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));
+  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
   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;
+.array.is-focus {
+  box-shadow: 0 0 0 1px var(--color-primary) inset;
+}
+.array-error {
+  position: absolute;
+  bottom: -23px;
+  color: #f00;
+  font-size: 0.8rem;
+  border-radius: 4px;
+  left: 12px;
 }
-.selector.is-active[data-v-168f911b] {
-  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
+.array-error.type-1 {
+  left: calc(50% + 24px);
 }
-.selector.el-date-editor .el-range-separator[data-v-168f911b] {
-  flex: 0;
+.array-error.type-1.is-clear {
+  left: calc(50% + 11px);
 }
-.selector .selector-input[data-v-168f911b] {
+.array-focus {
+  position: absolute;
+  z-index: -1;
+  opacity: 0;
+}
+.array-value {
   flex: 1;
-  text-align: center;
+  height: 100%;
 }
-.selector .selector-input .el-input__inner[data-v-168f911b] {
-  text-align: center;
-  border: none;
+.array-range {
+  padding: 0 5px;
 }
-.selector .selector-clearable[data-v-168f911b] {
+.array-clear {
+  cursor: pointer;
   align-items: center;
+  display: inline-flex;
   justify-content: center;
-  width: 20px;
-  height: 100%;
+  padding: 5px;
 }
-.selector .selector-clearable svg[data-v-168f911b] {
+.array-clear svg {
   width: 1rem;
   height: 1rem;
 }
-.selector-popper.el-popover.el-popper[data-v-168f911b] {
+.array .el-input .el-input__wrapper {
+  border: none;
+  box-shadow: none;
+}
+.array .el-input .el-input__wrapper input {
+  text-align: center;
+}
+
+.inputs-input {
+  height: 100%;
+}
+
+.selector-popper.el-popover.el-popper {
   padding: 0;
 }
-.selector-popper .selector-select[data-v-168f911b] {
+.selector-select {
   padding: 5px 10px;
   z-index: 1000;
   width: 300px;
   overflow: hidden;
 }
-.selector-popper .selector-select .selector-select-list[data-v-168f911b] {
+.selector-select-list {
   display: flex;
 }
-.selector-popper .selector-select .selector-select-list .selector-select-list-li[data-v-168f911b] {
+.selector-select-list-li {
   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] {
+.selector-select-list-title {
   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] {
+.selector-select-buts {
   border-top: 1px solid var(--el-border-color-lighter);
   text-align: right;
   padding-right: 0;
+  padding-top: 5px;
 }

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

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

package/dist/components/selector/index.js

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

package/dist/components/selector/index.scss

@@ -0,0 +1,40 @@
+@use '../scss/common.scss' as *;
+
+@use '../select-scroll/index.scss' as *;
+@use '../array/index.scss' as *;
+@use '../inputs/index.scss' as *;
+
+$selector: 'selector';
+@include b($selector) {
+	&-popper {
+		&.el-popover.el-popper {
+			padding: 0;
+		}
+	}
+	&-select {
+		padding: 5px 10px;
+		z-index: 1000;
+		width: 300px;
+		overflow: hidden;
+		&-list {
+			display: flex;
+			&-li {
+				flex: 1;
+				height: 100%;
+				display: flex;
+				flex-direction: column;
+			}
+			&-title {
+				padding: 5px 0;
+				border-bottom: 1px solid var(--el-border-color-lighter);
+				text-align: center;
+			}
+		}
+		&-buts {
+			border-top: 1px solid var(--el-border-color-lighter);
+			text-align: right;
+			padding-right: 0;
+			padding-top: 5px;
+		}
+	}
+}

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

@@ -1,7 +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");
-;/* 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-168f911b"]]);
-exports.default = SrcVue;
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

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

@@ -1,7 +1,4 @@
 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-168f911b"]]);
 export {
-  SrcVue as default
+  _sfc_main as default
 };

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

@@ -2,11 +2,12 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const index$1 = require("../../select-scroll/index.cjs");
 const use = require("../../common/use.cjs");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-const index$2 = require("../../input-array/index.cjs");
+const index$1 = require("../../select-scroll/index.cjs");
+const index$2 = require("../../array/index.cjs");
+const index$3 = require("../../inputs/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -120,7 +121,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         visible: data$1.timeShow
       }, {
         reference: vue.withCtx(() => [
-          vue.createVNode(vue.unref(index$2.InputArray), {
+          vue.createVNode(vue.unref(index$2.Array), {
             rangeSeparator: props.rangeSeparator,
             startPlaceholder: props.startPlaceholder,
             endPlaceholder: props.endPlaceholder,
@@ -128,8 +129,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             clearable: props.clearable,
             modelValue: [data$1.sname, data$1.ename],
             onFocus: _cache[0] || (_cache[0] = ($event) => data$1.timeShow = true),
-            onClear: onCancel
-          }, null, 8, ["rangeSeparator", "startPlaceholder", "endPlaceholder", "clearable", "modelValue"])
+            onClear: onCancel,
+            compon: vue.unref(index$3.Inputs)
+          }, null, 8, ["rangeSeparator", "startPlaceholder", "endPlaceholder", "clearable", "modelValue", "compon"])
         ]),
         default: vue.withCtx(() => [
           vue.createElementVNode("div", {
@@ -174,21 +176,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 text: "",
                 onClick: vue.withModifiers(onCancel, ["stop"])
               }, {
-                default: vue.withCtx(() => _cache[3] || (_cache[3] = [
+                default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
                   vue.createTextVNode(vue.toDisplayString("关闭"), -1)
-                ])),
-                _: 1,
-                __: [3]
+                ])]),
+                _: 1
               }),
               vue.createVNode(vue.unref(elementPlus.ElButton), {
                 type: "primary",
                 onClick: vue.withModifiers(onDetermine, ["stop"])
               }, {
-                default: vue.withCtx(() => _cache[4] || (_cache[4] = [
+                default: vue.withCtx(() => [..._cache[4] || (_cache[4] = [
                   vue.createTextVNode(vue.toDisplayString("确认"), -1)
-                ])),
-                _: 1,
-                __: [4]
+                ])]),
+                _: 1
               })
             ], 2)
           ], 2)

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

@@ -1,10 +1,11 @@
 import { defineComponent, reactive, ref, watch, createBlock, openBlock, unref, withCtx, createElementVNode, normalizeClass, createVNode, toDisplayString, withModifiers, createTextVNode } from "vue";
 import { ElPopover, ElButton } from "element-plus";
-import { SelectScroll } from "../../select-scroll/index.js";
 import { useVueValue } from "../../common/use.js";
 import { dataExpose, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import { InputArray } from "../../input-array/index.js";
+import { SelectScroll } from "../../select-scroll/index.js";
+import { Array } from "../../array/index.js";
+import { Inputs } from "../../inputs/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
@@ -118,7 +119,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         visible: data.timeShow
       }, {
         reference: withCtx(() => [
-          createVNode(unref(InputArray), {
+          createVNode(unref(Array), {
             rangeSeparator: props.rangeSeparator,
             startPlaceholder: props.startPlaceholder,
             endPlaceholder: props.endPlaceholder,
@@ -126,8 +127,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             clearable: props.clearable,
             modelValue: [data.sname, data.ename],
             onFocus: _cache[0] || (_cache[0] = ($event) => data.timeShow = true),
-            onClear: onCancel
-          }, null, 8, ["rangeSeparator", "startPlaceholder", "endPlaceholder", "clearable", "modelValue"])
+            onClear: onCancel,
+            compon: unref(Inputs)
+          }, null, 8, ["rangeSeparator", "startPlaceholder", "endPlaceholder", "clearable", "modelValue", "compon"])
         ]),
         default: withCtx(() => [
           createElementVNode("div", {
@@ -172,21 +174,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 text: "",
                 onClick: withModifiers(onCancel, ["stop"])
               }, {
-                default: withCtx(() => _cache[3] || (_cache[3] = [
+                default: withCtx(() => [..._cache[3] || (_cache[3] = [
                   createTextVNode(toDisplayString("关闭"), -1)
-                ])),
-                _: 1,
-                __: [3]
+                ])]),
+                _: 1
               }),
               createVNode(unref(ElButton), {
                 type: "primary",
                 onClick: withModifiers(onDetermine, ["stop"])
               }, {
-                default: withCtx(() => _cache[4] || (_cache[4] = [
+                default: withCtx(() => [..._cache[4] || (_cache[4] = [
                   createTextVNode(toDisplayString("确认"), -1)
-                ])),
-                _: 1,
-                __: [4]
+                ])]),
+                _: 1
               })
             ], 2)
           ], 2)

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

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

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

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

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

@@ -2,44 +2,34 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
-const index$2 = require("../../../hooks/locale/index.cjs");
-const index = require("../../../hooks/inherit/index.cjs");
-const index$3 = require("element-plus/es/components/slider/index");
+const index = require("../../../hooks/cssname/index.cjs");
+const index$1 = require("element-plus/es/components/slider/index");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const refEl = vue.ref();
-    const attrs = index.useInherit(vue.useAttrs());
+    const attrs = vue.useAttrs();
     const slots = vue.useSlots();
-    const cs = index$1.useCssName("slider");
-    const { getLocale } = index$2.useLocale();
+    const cs = index.useCssName("slider");
     const props = __props;
     const emit = __emit;
     __expose({
-      ...data.dataExpose,
-      refEl
+      ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.unref(index$1.ElSlider), vue.mergeProps({
         class: vue.unref(cs).z()
-      }, vue.unref(attrs).root), [
-        vue.createVNode(vue.unref(index$3.ElSlider), vue.mergeProps(vue.unref(attrs).assem, {
-          ref_key: "refEl",
-          ref: refEl
-        }), vue.createSlots({ _: 2 }, [
-          vue.renderList(Object.keys(vue.unref(slots)), (k, i) => {
-            return {
-              name: k,
-              fn: vue.withCtx((scope) => [
-                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
-              ])
-            };
-          })
-        ]), 1040)
-      ], 16);
+      }, vue.unref(attrs)), vue.createSlots({ _: 2 }, [
+        vue.renderList(Object.keys(vue.unref(slots)), (k) => {
+          return {
+            name: k,
+            fn: vue.withCtx((scope) => [
+              vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
+            ])
+          };
+        })
+      ]), 1040, ["class"]);
     };
   }
 });