@fangzhongya/fang-ui 0.0.14 → 0.0.16

package/dist/components/input-array/src/index.js

@@ -1,7 +1,220 @@
-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-e6cc3133"]]);
+import { defineComponent, ref, computed, watch, createElementBlock, openBlock, withModifiers, normalizeClass, unref, renderSlot, createBlock, createElementVNode, createCommentVNode, toDisplayString } from "vue";
+import { dataEmits, dataProps, dataExpose, dataSlot } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { ElInputNumber, ElInput } from "element-plus";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = useCssName("input-array");
+    const props = __props;
+    const emit = __emit;
+    const refInput = ref();
+    const isfocus = ref(false);
+    const start = ref("");
+    const end = ref("");
+    if (props.isNumber) {
+      start.value = 0;
+      end.value = 0;
+    } else {
+      start.value = "";
+      end.value = "";
+    }
+    const emove = ref(false);
+    const isclear = computed(() => {
+      if (props.clearable) {
+        if (start.value || end.value) {
+          if (emove.value || isfocus.value) {
+            return true;
+          }
+        }
+      }
+      return false;
+    });
+    watch(
+      () => props.modelValue,
+      () => {
+        let v = props.modelValue || [];
+        if (typeof v == "string" && props.multiple) {
+          v = v.split(props.multiple);
+        }
+        const value = v;
+        const s = value[0] || "";
+        const e = value[1] || "";
+        if (s !== start.value) {
+          if (props.isNumber) {
+            start.value = Number(s);
+          } else {
+            start.value = s;
+          }
+        }
+        if (e !== end.value) {
+          if (props.isNumber) {
+            end.value = Number(e);
+          } else {
+            end.value = e;
+          }
+        }
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    watch(
+      () => isfocus.value,
+      () => {
+        if (isfocus.value) {
+          emit("focus");
+        } else {
+          emit("blur");
+        }
+      }
+    );
+    function onMouseenter() {
+      emove.value = true;
+    }
+    function onMouseleave() {
+      emove.value = false;
+    }
+    function omInput() {
+      setValue([start.value, end.value]);
+    }
+    function onClear() {
+      if (props.isNumber) {
+        start.value = 0;
+        end.value = 0;
+      } else {
+        start.value = "";
+        end.value = "";
+      }
+      setValue([]);
+      emit("clear");
+    }
+    function setValue(value) {
+      if (props.multiple) {
+        const v = value.join(props.multiple);
+        emit("update:modelValue", v);
+        emit("change", v);
+      } else {
+        emit("update:modelValue", value);
+        emit("change", value);
+      }
+    }
+    function onClick() {
+      isfocus.value = true;
+      if (refInput.value) {
+        refInput.value.focus();
+      }
+      clearBlur();
+    }
+    function onFocus() {
+      isfocus.value = true;
+      clearBlur();
+    }
+    let timeout;
+    function onBlur() {
+      timeout = setTimeout(() => {
+        isfocus.value = false;
+      }, 200);
+    }
+    function clearBlur() {
+      clearTimeout(timeout);
+    }
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(cs).z(), unref(cs).is("focus", isfocus.value)]),
+        onMouseenter,
+        onMouseleave,
+        onClick: withModifiers(onClick, ["stop"])
+      }, [
+        renderSlot(_ctx.$slots, unref(dataSlot).prefix),
+        props.isNumber ? (openBlock(), createBlock(unref(ElInputNumber), {
+          key: 0,
+          class: normalizeClass([unref(cs).z("input")]),
+          modelValue: start.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => start.value = $event),
+          readonly: props.readonly,
+          clearable: props.inputClearable,
+          placeholder: props.startPlaceholder,
+          "controls-position": props.isRight ? "right" : "",
+          onInput: omInput,
+          onClick: withModifiers(onFocus, ["stop"]),
+          onBlur
+        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder", "controls-position"])) : (openBlock(), createBlock(unref(ElInput), {
+          key: 1,
+          class: normalizeClass([unref(cs).z("input")]),
+          modelValue: start.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => start.value = $event),
+          readonly: props.readonly,
+          clearable: props.inputClearable,
+          placeholder: props.startPlaceholder,
+          onInput: omInput,
+          onClick: withModifiers(onFocus, ["stop"]),
+          onBlur
+        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder"])),
+        createElementVNode("span", {
+          class: normalizeClass([unref(cs).z("range")])
+        }, toDisplayString(props.rangeSeparator), 3),
+        props.isNumber ? (openBlock(), createBlock(unref(ElInputNumber), {
+          key: 2,
+          class: normalizeClass([unref(cs).z("input")]),
+          modelValue: end.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => end.value = $event),
+          readonly: props.readonly,
+          clearable: props.inputClearable,
+          placeholder: props.endPlaceholder,
+          "controls-position": props.isRight ? "right" : "",
+          onClick: withModifiers(onFocus, ["stop"]),
+          onInput: omInput,
+          onBlur
+        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder", "controls-position"])) : (openBlock(), createBlock(unref(ElInput), {
+          key: 3,
+          class: normalizeClass([unref(cs).z("input")]),
+          modelValue: end.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => end.value = $event),
+          readonly: props.readonly,
+          clearable: props.inputClearable,
+          placeholder: props.endPlaceholder,
+          onClick: withModifiers(onFocus, ["stop"]),
+          onInput: omInput,
+          onBlur
+        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder"])),
+        createElementVNode("input", {
+          class: normalizeClass(unref(cs).z("focus")),
+          ref_key: "refInput",
+          ref: refInput,
+          onBlur
+        }, null, 34),
+        isclear.value ? (openBlock(), createElementBlock("span", {
+          key: 4,
+          class: normalizeClass([unref(cs).z("icon"), unref(cs).z("clear")]),
+          onClick: withModifiers(onClear, ["stop"])
+        }, _cache[4] || (_cache[4] = [
+          createElementVNode("svg", {
+            viewBox: "0 0 1024 1024",
+            xmlns: "http://www.w3.org/2000/svg",
+            "data-v-ea893728": ""
+          }, [
+            createElementVNode("path", {
+              fill: "currentColor",
+              d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
+            }),
+            createElementVNode("path", {
+              fill: "currentColor",
+              d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
+            })
+          ], -1)
+        ]), 2)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, unref(dataSlot).suffix)
+      ], 34);
+    };
+  }
+});
 export {
-  SrcVue as default
+  _sfc_main as default
 };

package/dist/components/input-array/src/index.vue

@@ -0,0 +1,223 @@
+<template>
+	<div
+		:class="[cs.z(), cs.is('focus', isfocus)]"
+		@mouseenter="onMouseenter"
+		@mouseleave="onMouseleave"
+		@click.stop="onClick"
+	>
+		<slot :name="dataSlot.prefix"></slot>
+		<template v-if="props.isNumber">
+			<ElInputNumber
+				:class="[cs.z('input')]"
+				v-model="start"
+				:readonly="props.readonly"
+				:clearable="props.inputClearable"
+				:placeholder="props.startPlaceholder"
+				:controls-position="props.isRight ? 'right' : ''"
+				@input="omInput"
+				@click.stop="onFocus"
+				@blur="onBlur"
+			></ElInputNumber>
+		</template>
+		<template v-else>
+			<ElInput
+				:class="[cs.z('input')]"
+				v-model="start"
+				:readonly="props.readonly"
+				:clearable="props.inputClearable"
+				:placeholder="props.startPlaceholder"
+				@input="omInput"
+				@click.stop="onFocus"
+				@blur="onBlur"
+			></ElInput>
+		</template>
+		<span :class="[cs.z('range')]">{{ props.rangeSeparator }}</span>
+		<template v-if="props.isNumber">
+			<ElInputNumber
+				:class="[cs.z('input')]"
+				v-model="end"
+				:readonly="props.readonly"
+				:clearable="props.inputClearable"
+				:placeholder="props.endPlaceholder"
+				:controls-position="props.isRight ? 'right' : ''"
+				@click.stop="onFocus"
+				@input="omInput"
+				@blur="onBlur"
+			></ElInputNumber
+		></template>
+		<template v-else>
+			<ElInput
+				:class="[cs.z('input')]"
+				v-model="end"
+				:readonly="props.readonly"
+				:clearable="props.inputClearable"
+				:placeholder="props.endPlaceholder"
+				@click.stop="onFocus"
+				@input="omInput"
+				@blur="onBlur"
+			></ElInput>
+		</template>
+		<input :class="cs.z('focus')" ref="refInput" @blur="onBlur" />
+		<span
+			v-if="isclear"
+			:class="[cs.z('icon'), cs.z('clear')]"
+			@click.stop="onClear"
+		>
+			<svg
+				viewBox="0 0 1024 1024"
+				xmlns="http://www.w3.org/2000/svg"
+				data-v-ea893728=""
+			>
+				<path
+					fill="currentColor"
+					d="m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
+				></path>
+				<path
+					fill="currentColor"
+					d="M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
+				></path>
+			</svg>
+		</span>
+		<slot :name="dataSlot.suffix"></slot>
+	</div>
+</template>
+<script lang="ts" setup>
+	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
+	import { useCssName } from '../../../hooks/cssname';
+	import { ElInput, ElInputNumber } from 'element-plus';
+	import { computed, ref, watch } from 'vue';
+	// 样式设置方法
+	const cs = useCssName('input-array');
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+	const refInput = ref();
+	const isfocus = ref(false);
+
+	const start = ref<string | number>('');
+
+	const end = ref<string | number>('');
+
+	if (props.isNumber) {
+		start.value = 0;
+		end.value = 0;
+	} else {
+		start.value = '';
+		end.value = '';
+	}
+
+	const emove = ref(false);
+
+	const isclear = computed(() => {
+		if (props.clearable) {
+			if (start.value || end.value) {
+				if (emove.value || isfocus.value) {
+					return true;
+				}
+			}
+		}
+		return false;
+	});
+
+	watch(
+		() => props.modelValue,
+		() => {
+			let v = props.modelValue || [];
+			if (typeof v == 'string' && props.multiple) {
+				v = v.split(props.multiple);
+			}
+			const value: Array<any> = v as Array<any>;
+			const s = value[0] || '';
+			const e = value[1] || '';
+			if (s !== start.value) {
+				if (props.isNumber) {
+					start.value = Number(s);
+				} else {
+					start.value = s;
+				}
+			}
+			if (e !== end.value) {
+				if (props.isNumber) {
+					end.value = Number(e);
+				} else {
+					end.value = e;
+				}
+			}
+		},
+		{
+			immediate: true,
+			deep: true,
+		},
+	);
+
+	watch(
+		() => isfocus.value,
+		() => {
+			if (isfocus.value) {
+				emit('focus');
+			} else {
+				emit('blur');
+			}
+		},
+	);
+
+	function onMouseenter() {
+		emove.value = true;
+	}
+	function onMouseleave() {
+		emove.value = false;
+	}
+
+	function omInput() {
+		setValue([start.value, end.value]);
+	}
+
+	function onClear() {
+		if (props.isNumber) {
+			start.value = 0;
+			end.value = 0;
+		} else {
+			start.value = '';
+			end.value = '';
+		}
+		setValue([]);
+		emit('clear');
+	}
+
+	function setValue(value: Array<any>) {
+		if (props.multiple) {
+			const v = value.join(props.multiple);
+			emit('update:modelValue', v);
+			emit('change', v);
+		} else {
+			emit('update:modelValue', value);
+			emit('change', value);
+		}
+	}
+
+	function onClick() {
+		isfocus.value = true;
+		if (refInput.value) {
+			refInput.value.focus();
+		}
+		clearBlur();
+	}
+	function onFocus() {
+		isfocus.value = true;
+		clearBlur();
+	}
+	// @ts-ignore
+	let timeout: NodeJS.Timeout;
+	function onBlur() {
+		timeout = setTimeout(() => {
+			isfocus.value = false;
+		}, 200);
+	}
+
+	function clearBlur() {
+		clearTimeout(timeout);
+	}
+
+	defineExpose({
+		...dataExpose,
+	});
+</script>

package/dist/components/input-array/src/index2.cjs

@@ -1,220 +1,4 @@
 "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 elementPlus = require("element-plus");
-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("input-array");
-    const props = __props;
-    const emit = __emit;
-    const refInput = require$$0.ref();
-    const isfocus = require$$0.ref(false);
-    const start = require$$0.ref("");
-    const end = require$$0.ref("");
-    if (props.isNumber) {
-      start.value = 0;
-      end.value = 0;
-    } else {
-      start.value = "";
-      end.value = "";
-    }
-    const emove = require$$0.ref(false);
-    const isclear = require$$0.computed(() => {
-      if (props.clearable) {
-        if (start.value || end.value) {
-          if (emove.value || isfocus.value) {
-            return true;
-          }
-        }
-      }
-      return false;
-    });
-    require$$0.watch(
-      () => props.modelValue,
-      () => {
-        let v = props.modelValue || [];
-        if (typeof v == "string" && props.multiple) {
-          v = v.split(props.multiple);
-        }
-        const value = v;
-        const s = value[0] || "";
-        const e = value[1] || "";
-        if (s !== start.value) {
-          if (props.isNumber) {
-            start.value = Number(s);
-          } else {
-            start.value = s;
-          }
-        }
-        if (e !== end.value) {
-          if (props.isNumber) {
-            end.value = Number(e);
-          } else {
-            end.value = e;
-          }
-        }
-      },
-      {
-        immediate: true,
-        deep: true
-      }
-    );
-    require$$0.watch(
-      () => isfocus.value,
-      () => {
-        if (isfocus.value) {
-          emit("focus");
-        } else {
-          emit("blur");
-        }
-      }
-    );
-    function onMouseenter() {
-      emove.value = true;
-    }
-    function onMouseleave() {
-      emove.value = false;
-    }
-    function omInput() {
-      setValue([start.value, end.value]);
-    }
-    function onClear() {
-      if (props.isNumber) {
-        start.value = 0;
-        end.value = 0;
-      } else {
-        start.value = "";
-        end.value = "";
-      }
-      setValue([]);
-      emit("clear");
-    }
-    function setValue(value) {
-      if (props.multiple) {
-        const v = value.join(props.multiple);
-        emit("update:modelValue", v);
-        emit("change", v);
-      } else {
-        emit("update:modelValue", value);
-        emit("change", value);
-      }
-    }
-    function onClick() {
-      isfocus.value = true;
-      if (refInput.value) {
-        refInput.value.focus();
-      }
-      clearBlur();
-    }
-    function onFocus() {
-      isfocus.value = true;
-      clearBlur();
-    }
-    let timeout;
-    function onBlur() {
-      timeout = setTimeout(() => {
-        isfocus.value = false;
-      }, 200);
-    }
-    function clearBlur() {
-      clearTimeout(timeout);
-    }
-    __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.unref(cs).is("focus", isfocus.value)]),
-        onMouseenter,
-        onMouseleave,
-        onClick: require$$0.withModifiers(onClick, ["stop"])
-      }, [
-        require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).prefix, {}, void 0, true),
-        props.isNumber ? (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(elementPlus.ElInputNumber), {
-          key: 0,
-          class: require$$0.normalizeClass([require$$0.unref(cs).z("input")]),
-          modelValue: start.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => start.value = $event),
-          readonly: props.readonly,
-          clearable: props.inputClearable,
-          placeholder: props.startPlaceholder,
-          "controls-position": props.isRight ? "right" : "",
-          onInput: omInput,
-          onClick: require$$0.withModifiers(onFocus, ["stop"]),
-          onBlur
-        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder", "controls-position"])) : (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(elementPlus.ElInput), {
-          key: 1,
-          class: require$$0.normalizeClass([require$$0.unref(cs).z("input")]),
-          modelValue: start.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => start.value = $event),
-          readonly: props.readonly,
-          clearable: props.inputClearable,
-          placeholder: props.startPlaceholder,
-          onInput: omInput,
-          onClick: require$$0.withModifiers(onFocus, ["stop"]),
-          onBlur
-        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder"])),
-        require$$0.createElementVNode("span", {
-          class: require$$0.normalizeClass([require$$0.unref(cs).z("range")])
-        }, require$$0.toDisplayString(props.rangeSeparator), 3),
-        props.isNumber ? (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(elementPlus.ElInputNumber), {
-          key: 2,
-          class: require$$0.normalizeClass([require$$0.unref(cs).z("input")]),
-          modelValue: end.value,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => end.value = $event),
-          readonly: props.readonly,
-          clearable: props.inputClearable,
-          placeholder: props.endPlaceholder,
-          "controls-position": props.isRight ? "right" : "",
-          onClick: require$$0.withModifiers(onFocus, ["stop"]),
-          onInput: omInput,
-          onBlur
-        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder", "controls-position"])) : (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(elementPlus.ElInput), {
-          key: 3,
-          class: require$$0.normalizeClass([require$$0.unref(cs).z("input")]),
-          modelValue: end.value,
-          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => end.value = $event),
-          readonly: props.readonly,
-          clearable: props.inputClearable,
-          placeholder: props.endPlaceholder,
-          onClick: require$$0.withModifiers(onFocus, ["stop"]),
-          onInput: omInput,
-          onBlur
-        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder"])),
-        require$$0.createElementVNode("input", {
-          class: require$$0.normalizeClass(require$$0.unref(cs).z("focus")),
-          ref_key: "refInput",
-          ref: refInput,
-          onBlur
-        }, null, 34),
-        isclear.value ? (require$$0.openBlock(), require$$0.createElementBlock("span", {
-          key: 4,
-          class: require$$0.normalizeClass([require$$0.unref(cs).z("icon"), require$$0.unref(cs).z("clear")]),
-          onClick: require$$0.withModifiers(onClear, ["stop"])
-        }, _cache[4] || (_cache[4] = [
-          require$$0.createElementVNode("svg", {
-            viewBox: "0 0 1024 1024",
-            xmlns: "http://www.w3.org/2000/svg",
-            "data-v-ea893728": ""
-          }, [
-            require$$0.createElementVNode("path", {
-              fill: "currentColor",
-              d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
-            }),
-            require$$0.createElementVNode("path", {
-              fill: "currentColor",
-              d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
-            })
-          ], -1)
-        ]), 2)) : require$$0.createCommentVNode("", true),
-        require$$0.renderSlot(_ctx.$slots, require$$0.unref(data.dataSlot).suffix, {}, void 0, true)
-      ], 34);
-    };
-  }
-});
-exports.default = _sfc_main;
+const index_vue_vue_type_script_setup_true_lang = require("./index.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;