@falcon-ui/falcon-ui 1.0.0

package/esm/components/input/index.mjs

@@ -0,0 +1,166 @@
+import { computed, createBlock, defineComponent, getCurrentInstance, h, openBlock, resolveDynamicComponent, unref, useAttrs, useSlots, watch } from "vue";
+import { ElInput } from "element-plus";
+var defaultNamespace = "fl";
+var statePrefix = "is-";
+var buildBemName = (namespace, block, blockSuffix = "", element = "", modifier = "") => {
+	let className = `${namespace}-${block}`;
+	if (blockSuffix) className += `-${blockSuffix}`;
+	if (element) className += `__${element}`;
+	if (modifier) className += `--${modifier}`;
+	return className;
+};
+const useNamespace = (block, namespace = defaultNamespace) => {
+	const b = (blockSuffix = "") => buildBemName(namespace, block, blockSuffix);
+	const e = (element) => element ? buildBemName(namespace, block, "", element) : "";
+	const m = (modifier) => modifier ? buildBemName(namespace, block, "", "", modifier) : "";
+	const be = (blockSuffix, element) => {
+		if (!blockSuffix || !element) return "";
+		return buildBemName(namespace, block, blockSuffix, element);
+	};
+	const em = (element, modifier) => {
+		if (!element || !modifier) return "";
+		return buildBemName(namespace, block, "", element, modifier);
+	};
+	const bm = (blockSuffix, modifier) => {
+		if (!blockSuffix || !modifier) return "";
+		return buildBemName(namespace, block, blockSuffix, "", modifier);
+	};
+	const bem = (blockSuffix, element, modifier) => {
+		if (!blockSuffix && !element && !modifier) return b();
+		return buildBemName(namespace, block, blockSuffix, element, modifier);
+	};
+	const is = (name, state = true) => state ? `${statePrefix}${name}` : "";
+	return {
+		namespace,
+		b,
+		e,
+		m,
+		be,
+		em,
+		bm,
+		bem,
+		is
+	};
+};
+const mergeComponentExpose = (vm, exposed, extras = {}) => {
+	if (!vm?.exposed || !exposed || typeof exposed !== "object" && typeof exposed !== "function") return;
+	Object.assign(vm.exposed, extras, exposed);
+};
+const invokeListener = (listener, ...args) => {
+	if (typeof listener === "function") {
+		listener(...args);
+		return;
+	}
+	if (!Array.isArray(listener)) return;
+	for (const item of listener) if (typeof item === "function") item(...args);
+};
+const withInstall = (component) => {
+	const installable = component;
+	installable.install = (app) => {
+		if (!component.name) return;
+		app.component(component.name, component);
+	};
+	return installable;
+};
+const useMergedAttrs = ({ attrs, block, listenerName, onListener }) => {
+	const className = useNamespace(block).b();
+	return { mergedAttrs: computed(() => {
+		const next = { ...attrs };
+		const originalListener = next[listenerName];
+		next.class = [className, next.class];
+		next[listenerName] = (...args) => {
+			onListener?.(...args);
+			invokeListener(originalListener, ...args);
+		};
+		return next;
+	}) };
+};
+const useMergedExpose = (extras) => {
+	const vm = getCurrentInstance();
+	const changeRef = (exposed) => {
+		mergeComponentExpose(vm, exposed, extras);
+	};
+	return { changeRef };
+};
+const FlInput = withInstall(/* @__PURE__ */ defineComponent({
+	name: "FlInput",
+	inheritAttrs: false,
+	__name: "input",
+	props: {
+		isTable: {
+			type: Boolean,
+			default: false
+		},
+		isError: {
+			type: Boolean,
+			default: false
+		},
+		debugLabel: {
+			type: String,
+			default: ""
+		},
+		debugMode: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: {
+		"custom-input": (payload) => typeof payload.value === "string" && typeof payload.length === "number",
+		"debug-event": (payload) => typeof payload.label === "string" && typeof payload.value === "string"
+	},
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const slots = useSlots();
+		const rawAttrs = attrs;
+		const { changeRef } = useMergedExpose({
+			myMethod() {
+				console.log("my method!");
+			},
+			myValue: 123
+		});
+		const { mergedAttrs } = useMergedAttrs({
+			attrs: rawAttrs,
+			block: "input",
+			listenerName: "onInput",
+			onListener: (...args) => {
+				const value = args[0];
+				if (typeof value === "string") {
+					emit("custom-input", {
+						value,
+						length: value.length
+					});
+					if (props.debugMode) emit("debug-event", {
+						label: props.debugLabel,
+						value
+					});
+				}
+			}
+		});
+		const mergedInputAttrs = computed(() => ({
+			...mergedAttrs.value,
+			class: [mergedAttrs.value.class, {
+				"is-error": props.isError,
+				"is-table": props.isTable
+			}]
+		}));
+		const clearModelValue = () => {
+			invokeListener(rawAttrs["onUpdate:modelValue"], "");
+		};
+		watch(() => props.isError, (isError, previousIsError) => {
+			if (isError && previousIsError !== true) clearModelValue();
+		}, { immediate: true });
+		__expose({});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(h(unref(ElInput), {
+				...mergedInputAttrs.value,
+				ref: unref(changeRef)
+			}, unref(slots))));
+		};
+	}
+}));
+var input_default = FlInput;
+export { FlInput, input_default as default };
+
+//# sourceMappingURL=index.mjs.map

package/esm/components/input/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/utils/src/bem.ts","../../../../../packages/utils/src/component.ts","../../../../../packages/utils/src/install.ts","../../../../../packages/hooks/src/use-component.ts","../../../../../packages/components/input/src/input.ts","../../../../../packages/components/input/src/input.vue","../../../../../packages/components/input/src/input.vue","../../../../../packages/components/input/index.ts"],"sourcesContent":["const defaultNamespace = 'fl'\r\nconst statePrefix = 'is-'\r\n\r\nconst buildBemName = (\r\n  namespace: string,\r\n  block: string,\r\n  blockSuffix = '',\r\n  element = '',\r\n  modifier = ''\r\n) => {\r\n  let className = `${namespace}-${block}`\r\n\r\n  if (blockSuffix) {\r\n    className += `-${blockSuffix}`\r\n  }\r\n\r\n  if (element) {\r\n    className += `__${element}`\r\n  }\r\n\r\n  if (modifier) {\r\n    className += `--${modifier}`\r\n  }\r\n\r\n  return className\r\n}\r\n\r\nexport const useNamespace = (block: string, namespace = defaultNamespace) => {\r\n  const b = (blockSuffix = '') => buildBemName(namespace, block, blockSuffix)\r\n\r\n  const e = (element?: string) => (element ? buildBemName(namespace, block, '', element) : '')\r\n\r\n  const m = (modifier?: string) =>\r\n    modifier ? buildBemName(namespace, block, '', '', modifier) : ''\r\n\r\n  const be = (blockSuffix?: string, element?: string) => {\r\n    if (!blockSuffix || !element) {\r\n      return ''\r\n    }\r\n\r\n    return buildBemName(namespace, block, blockSuffix, element)\r\n  }\r\n\r\n  const em = (element?: string, modifier?: string) => {\r\n    if (!element || !modifier) {\r\n      return ''\r\n    }\r\n\r\n    return buildBemName(namespace, block, '', element, modifier)\r\n  }\r\n\r\n  const bm = (blockSuffix?: string, modifier?: string) => {\r\n    if (!blockSuffix || !modifier) {\r\n      return ''\r\n    }\r\n\r\n    return buildBemName(namespace, block, blockSuffix, '', modifier)\r\n  }\r\n\r\n  const bem = (blockSuffix?: string, element?: string, modifier?: string) => {\r\n    if (!blockSuffix && !element && !modifier) {\r\n      return b()\r\n    }\r\n\r\n    return buildBemName(namespace, block, blockSuffix, element, modifier)\r\n  }\r\n\r\n  const is = (name: string, state = true) => (state ? `${statePrefix}${name}` : '')\r\n\r\n  return {\r\n    namespace,\r\n    b,\r\n    e,\r\n    m,\r\n    be,\r\n    em,\r\n    bm,\r\n    bem,\r\n    is\r\n  }\r\n}\r\n","type ExposedTarget = {\r\n  exposed?: Record<string, unknown> | null\r\n} | null\r\n\r\nexport const mergeComponentExpose = (\r\n  vm: ExposedTarget,\r\n  exposed: unknown,\r\n  extras: Record<string, unknown> = {}\r\n) => {\r\n  if (!vm?.exposed || !exposed || (typeof exposed !== 'object' && typeof exposed !== 'function')) {\r\n    return\r\n  }\r\n\r\n  Object.assign(vm.exposed, extras, exposed)\r\n}\r\n\r\nexport const invokeListener = (listener: unknown, ...args: unknown[]) => {\r\n  if (typeof listener === 'function') {\r\n    listener(...args)\r\n    return\r\n  }\r\n\r\n  if (!Array.isArray(listener)) {\r\n    return\r\n  }\r\n\r\n  for (const item of listener) {\r\n    if (typeof item === 'function') {\r\n      item(...args)\r\n    }\r\n  }\r\n}\r\n","import type { App, Plugin } from 'vue'\r\n\r\nexport type SFCWithInstall<T> = T & Plugin\r\n\r\nexport const withInstall = <T extends { name?: string }>(component: T): SFCWithInstall<T> => {\r\n  const installable = component as SFCWithInstall<T>\r\n\r\n  installable.install = (app: App) => {\r\n    if (!component.name) {\r\n      return\r\n    }\r\n\r\n    app.component(component.name, component as unknown as object)\r\n  }\r\n\r\n  return installable\r\n}\r\n","import { computed, getCurrentInstance } from 'vue'\r\nimport { invokeListener, mergeComponentExpose, useNamespace } from '@falcon-ui/utils'\r\n\r\ntype UseMergedAttrsOptions = {\r\n  attrs: Record<string, unknown>\r\n  block: string\r\n  listenerName: string\r\n  onListener?: (...args: unknown[]) => void\r\n}\r\n\r\nexport const useMergedAttrs = ({\r\n  attrs,\r\n  block,\r\n  listenerName,\r\n  onListener\r\n}: UseMergedAttrsOptions) => {\r\n  const ns = useNamespace(block)\r\n  const className = ns.b()\r\n\r\n  const mergedAttrs = computed(() => {\r\n    const next = { ...attrs }\r\n    const originalListener = next[listenerName]\r\n    next.class = [className, next.class]\r\n\r\n    next[listenerName] = (...args: unknown[]) => {\r\n      onListener?.(...args)\r\n      invokeListener(originalListener, ...args)\r\n    }\r\n\r\n    return next\r\n  })\r\n\r\n  return {\r\n    mergedAttrs\r\n  }\r\n}\r\n\r\nexport const useMergedExpose = <TExpose extends Record<string, unknown>>(extras: TExpose) => {\r\n  const vm = getCurrentInstance()\r\n\r\n  const changeRef = (exposed: unknown) => {\r\n    mergeComponentExpose(vm, exposed, extras)\r\n  }\r\n\r\n  return {\r\n    changeRef\r\n  }\r\n}\r\n","import type { ExtractPublicPropTypes } from 'vue'\r\n\r\nexport const flInputProps = {\r\n  /**\r\n   * 是否用于表格单元格内输入场景。开启后会使用表格样式。\r\n   */\r\n  isTable: {\r\n    type: Boolean,\r\n    default: false\r\n  },\r\n  /**\r\n   * 是否进入错误态。开启后会触发错误样式并清空输入值。\r\n   */\r\n  isError: {\r\n    type: Boolean,\r\n    default: false\r\n  },\r\n  /**\r\n   * 调试事件标签，在开启调试模式后会随 `debug-event` 一起抛出。\r\n   */\r\n  debugLabel: {\r\n    type: String,\r\n    default: ''\r\n  },\r\n  /**\r\n   * 是否开启调试事件派发，开启后每次输入都会触发调试事件。\r\n   */\r\n  debugMode: {\r\n    type: Boolean,\r\n    default: false\r\n  }\r\n} as const\r\n\r\nexport interface FlInputCustomPayload {\r\n  /**\r\n   * 当前输入字符串长度。\r\n   */\r\n  length: number\r\n  /**\r\n   * 底层 ElInput 当前输入值。\r\n   */\r\n  value: string\r\n}\r\n\r\nexport interface FlInputDebugPayload {\r\n  /**\r\n   * 用于标识输入来源的业务标签。\r\n   */\r\n  label: string\r\n  /**\r\n   * 触发调试事件时的当前输入值。\r\n   */\r\n  value: string\r\n}\r\n\r\nexport const flInputEmits = {\r\n  /**\r\n   * 原生输入变化时触发，携带当前值与字符长度。\r\n   */\r\n  'custom-input': (payload: FlInputCustomPayload) =>\r\n    typeof payload.value === 'string' && typeof payload.length === 'number',\r\n  /**\r\n   * 开启 `debugMode` 后在 `custom-input` 之后触发，用于调试追踪。\r\n   */\r\n  'debug-event': (payload: FlInputDebugPayload) =>\r\n    typeof payload.label === 'string' && typeof payload.value === 'string'\r\n} as const\r\n\r\nexport type FlInputProps = ExtractPublicPropTypes<typeof flInputProps>\r\nexport type FlInputEmits = typeof flInputEmits\r\n\r\nexport type InputProps = FlInputProps\r\nexport type InputEmits = FlInputEmits\r\n","<template>\r\n  <component :is=\"h(ElInput, { ...mergedInputAttrs, ref: changeRef }, slots)\" />\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ElInput } from 'element-plus'\r\nimport type { ComponentInstance } from 'vue'\r\nimport { computed, h, useAttrs, useSlots, watch } from 'vue'\r\nimport { useMergedAttrs, useMergedExpose } from '@falcon-ui/hooks'\r\nimport { invokeListener } from '@falcon-ui/utils'\r\nimport { flInputEmits, flInputProps } from './input'\r\n\r\ndefineOptions({\r\n  name: 'FlInput',\r\n  inheritAttrs: false\r\n})\r\n\r\nconst props = defineProps(flInputProps)\r\nconst emit = defineEmits(flInputEmits)\r\nconst attrs = useAttrs()\r\nconst slots = useSlots()\r\nconst rawAttrs = attrs as Record<string, unknown>\r\n\r\n// Keep user-defined exposed capabilities and merge with ElInput expose.\r\nconst _myExpose = {\r\n  /**\r\n   * FlInput 额外暴露的示例方法，可用于联调验证。\r\n   */\r\n  myMethod() {\r\n    console.log('my method!')\r\n  },\r\n  /**\r\n   * FlInput 额外暴露的示例数值，用于文档演示与调试。\r\n   */\r\n  myValue: 123\r\n}\r\n\r\nconst { changeRef } = useMergedExpose(_myExpose)\r\nconst { mergedAttrs } = useMergedAttrs({\r\n  attrs: rawAttrs,\r\n  block: 'input',\r\n  listenerName: 'onInput',\r\n  onListener: (...args: unknown[]) => {\r\n    const value = args[0]\r\n    if (typeof value === 'string') {\r\n      emit('custom-input', {\r\n        value,\r\n        length: value.length\r\n      })\r\n\r\n      if (props.debugMode) {\r\n        emit('debug-event', {\r\n          label: props.debugLabel,\r\n          value\r\n        })\r\n      }\r\n    }\r\n  }\r\n})\r\n\r\nconst mergedInputAttrs = computed(() => ({\r\n  ...mergedAttrs.value,\r\n  class: [mergedAttrs.value.class, { 'is-error': props.isError, 'is-table': props.isTable }]\r\n}))\r\n\r\nconst clearModelValue = () => {\r\n  invokeListener(rawAttrs['onUpdate:modelValue'], '')\r\n}\r\n\r\nwatch(\r\n  () => props.isError,\r\n  (isError, previousIsError) => {\r\n    if (isError && previousIsError !== true) {\r\n      clearModelValue()\r\n    }\r\n  },\r\n  { immediate: true }\r\n)\r\n\r\ndefineExpose({} as ComponentInstance<typeof ElInput> & typeof _myExpose)\r\n</script>\r\n","<template>\r\n  <component :is=\"h(ElInput, { ...mergedInputAttrs, ref: changeRef }, slots)\" />\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ElInput } from 'element-plus'\r\nimport type { ComponentInstance } from 'vue'\r\nimport { computed, h, useAttrs, useSlots, watch } from 'vue'\r\nimport { useMergedAttrs, useMergedExpose } from '@falcon-ui/hooks'\r\nimport { invokeListener } from '@falcon-ui/utils'\r\nimport { flInputEmits, flInputProps } from './input'\r\n\r\ndefineOptions({\r\n  name: 'FlInput',\r\n  inheritAttrs: false\r\n})\r\n\r\nconst props = defineProps(flInputProps)\r\nconst emit = defineEmits(flInputEmits)\r\nconst attrs = useAttrs()\r\nconst slots = useSlots()\r\nconst rawAttrs = attrs as Record<string, unknown>\r\n\r\n// Keep user-defined exposed capabilities and merge with ElInput expose.\r\nconst _myExpose = {\r\n  /**\r\n   * FlInput 额外暴露的示例方法，可用于联调验证。\r\n   */\r\n  myMethod() {\r\n    console.log('my method!')\r\n  },\r\n  /**\r\n   * FlInput 额外暴露的示例数值，用于文档演示与调试。\r\n   */\r\n  myValue: 123\r\n}\r\n\r\nconst { changeRef } = useMergedExpose(_myExpose)\r\nconst { mergedAttrs } = useMergedAttrs({\r\n  attrs: rawAttrs,\r\n  block: 'input',\r\n  listenerName: 'onInput',\r\n  onListener: (...args: unknown[]) => {\r\n    const value = args[0]\r\n    if (typeof value === 'string') {\r\n      emit('custom-input', {\r\n        value,\r\n        length: value.length\r\n      })\r\n\r\n      if (props.debugMode) {\r\n        emit('debug-event', {\r\n          label: props.debugLabel,\r\n          value\r\n        })\r\n      }\r\n    }\r\n  }\r\n})\r\n\r\nconst mergedInputAttrs = computed(() => ({\r\n  ...mergedAttrs.value,\r\n  class: [mergedAttrs.value.class, { 'is-error': props.isError, 'is-table': props.isTable }]\r\n}))\r\n\r\nconst clearModelValue = () => {\r\n  invokeListener(rawAttrs['onUpdate:modelValue'], '')\r\n}\r\n\r\nwatch(\r\n  () => props.isError,\r\n  (isError, previousIsError) => {\r\n    if (isError && previousIsError !== true) {\r\n      clearModelValue()\r\n    }\r\n  },\r\n  { immediate: true }\r\n)\r\n\r\ndefineExpose({} as ComponentInstance<typeof ElInput> & typeof _myExpose)\r\n</script>\r\n","import Input from './src/input.vue'\r\nimport { withInstall } from '@falcon-ui/utils'\r\n\r\nexport const FlInput = withInstall(Input)\r\n\r\nexport default FlInput\r\n\r\nexport type { FlInputEmits, FlInputProps, InputEmits, InputProps } from './src/input'\r\n"],"mappings":";;AAAA,IAAM,mBAAmB;AACzB,IAAM,cAAc;AAEpB,IAAM,gBACJ,WACA,OACA,cAAc,IACd,UAAU,IACV,WAAW,OACR;CACH,IAAI,YAAY,GAAG,UAAU,GAAG;AAEhC,KAAI,YACF,cAAa,IAAI;AAGnB,KAAI,QACF,cAAa,KAAK;AAGpB,KAAI,SACF,cAAa,KAAK;AAGpB,QAAO;;AAGT,MAAa,gBAAgB,OAAe,YAAY,qBAAqB;CAC3E,MAAM,KAAK,cAAc,OAAO,aAAa,WAAW,OAAO,YAAY;CAE3E,MAAM,KAAK,YAAsB,UAAU,aAAa,WAAW,OAAO,IAAI,QAAQ,GAAG;CAEzF,MAAM,KAAK,aACT,WAAW,aAAa,WAAW,OAAO,IAAI,IAAI,SAAS,GAAG;CAEhE,MAAM,MAAM,aAAsB,YAAqB;AACrD,MAAI,CAAC,eAAe,CAAC,QACnB,QAAO;AAGT,SAAO,aAAa,WAAW,OAAO,aAAa,QAAQ;;CAG7D,MAAM,MAAM,SAAkB,aAAsB;AAClD,MAAI,CAAC,WAAW,CAAC,SACf,QAAO;AAGT,SAAO,aAAa,WAAW,OAAO,IAAI,SAAS,SAAS;;CAG9D,MAAM,MAAM,aAAsB,aAAsB;AACtD,MAAI,CAAC,eAAe,CAAC,SACnB,QAAO;AAGT,SAAO,aAAa,WAAW,OAAO,aAAa,IAAI,SAAS;;CAGlE,MAAM,OAAO,aAAsB,SAAkB,aAAsB;AACzE,MAAI,CAAC,eAAe,CAAC,WAAW,CAAC,SAC/B,QAAO,GAAG;AAGZ,SAAO,aAAa,WAAW,OAAO,aAAa,SAAS,SAAS;;CAGvE,MAAM,MAAM,MAAc,QAAQ,SAAU,QAAQ,GAAG,cAAc,SAAS;AAE9E,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;;AC3EH,MAAa,wBACX,IACA,SACA,SAAkC,EAAE,KACjC;AACH,KAAI,CAAC,IAAI,WAAW,CAAC,WAAY,OAAO,YAAY,YAAY,OAAO,YAAY,WACjF;AAGF,QAAO,OAAO,GAAG,SAAS,QAAQ,QAAQ;;AAG5C,MAAa,kBAAkB,UAAmB,GAAG,SAAoB;AACvE,KAAI,OAAO,aAAa,YAAY;AAClC,WAAS,GAAG,KAAK;AACjB;;AAGF,KAAI,CAAC,MAAM,QAAQ,SAAS,CAC1B;AAGF,MAAK,MAAM,QAAQ,SACjB,KAAI,OAAO,SAAS,WAClB,MAAK,GAAG,KAAK;;ACxBnB,MAAa,eAA4C,cAAoC;CAC3F,MAAM,cAAc;AAEpB,aAAY,WAAW,QAAa;AAClC,MAAI,CAAC,UAAU,KACb;AAGF,MAAI,UAAU,UAAU,MAAM,UAA+B;;AAG/D,QAAO;;ACLT,MAAa,kBAAkB,EAC7B,OACA,OACA,cACA,iBAC2B;CAE3B,MAAM,YADK,aAAa,MAAM,CACT,GAAG;AAexB,QAAO,EACL,aAdkB,eAAe;EACjC,MAAM,OAAO,EAAE,GAAG,OAAO;EACzB,MAAM,mBAAmB,KAAK;AAC9B,OAAK,QAAQ,CAAC,WAAW,KAAK,MAAM;AAEpC,OAAK,iBAAiB,GAAG,SAAoB;AAC3C,gBAAa,GAAG,KAAK;AACrB,kBAAe,kBAAkB,GAAG,KAAK;;AAG3C,SAAO;GACP,EAID;;AAGH,MAAa,mBAA4D,WAAoB;CAC3F,MAAM,KAAK,oBAAoB;CAE/B,MAAM,aAAa,YAAqB;AACtC,uBAAqB,IAAI,SAAS,OAAO;;AAG3C,QAAO,EACL,WACD;;AI3CH,MAAa,UAAU;;;;QHDK;EAI1B,SAAS;GACP,MAAM;GACN,SAAS;GACV;EAID,SAAS;GACP,MAAM;GACN,SAAS;GACV;EAID,YAAY;GACV,MAAM;GACN,SAAS;GACV;EAID,WAAW;GACT,MAAM;GACN,SAAS;GACV;EACF;QAwB2B;EAI1B,iBAAiB,YACf,OAAO,QAAQ,UAAU,YAAY,OAAO,QAAQ,WAAW;EAIjE,gBAAgB,YACd,OAAO,QAAQ,UAAU,YAAY,OAAO,QAAQ,UAAU;EACjE;;ECjDD,MAAM,QAAQ;EACd,MAAM,OAAO;EACb,MAAM,QAAQ,UAAU;EACxB,MAAM,QAAQ,UAAU;EACxB,MAAM,WAAW;EAgBjB,MAAM,EAAE,cAAc,gBAbJ;GAIhB,WAAW;AACT,YAAQ,IAAI,aAAa;;GAK3B,SAAS;GACV,CAE+C;EAChD,MAAM,EAAE,gBAAgB,eAAe;GACrC,OAAO;GACP,OAAO;GACP,cAAc;GACd,aAAa,GAAG,SAAoB;IAClC,MAAM,QAAQ,KAAK;AACnB,QAAI,OAAO,UAAU,UAAU;AAC7B,UAAK,gBAAgB;MACnB;MACA,QAAQ,MAAM;MACf,CAAC;AAEF,SAAI,MAAM,UACR,MAAK,eAAe;MAClB,OAAO,MAAM;MACb;MACD,CAAC;;;GAIT,CAAC;EAEF,MAAM,mBAAmB,gBAAgB;GACvC,GAAG,YAAY;GACf,OAAO,CAAC,YAAY,MAAM,OAAO;IAAE,YAAY,MAAM;IAAS,YAAY,MAAM;IAAS,CAAC;GAC3F,EAAE;EAEH,MAAM,wBAAwB;AAC5B,kBAAe,SAAS,wBAAwB,GAAG;;AAGrD,cACQ,MAAM,UACX,SAAS,oBAAoB;AAC5B,OAAI,WAAW,oBAAoB,KACjC,kBAAiB;KAGrB,EAAE,WAAW,MAAM,CACpB;AAED,WAAa,EAAE,CAAyD;;uBA9EtE,YAA8E,wBAA9D,EAAE,MAAA,QAAO,EAAA;IAAA,GAAO,iBAAA;IAAgB,KAAO,MAAA,UAAS;IAAA,EAAI,MAAA,MAAK,CAAA,CAAA,CAAA;;;GEElC;AAEzC,IAAA,gBAAe"}

package/esm/components/input/src/input.mjs

@@ -0,0 +1,25 @@
+const flInputProps = {
+	isTable: {
+		type: Boolean,
+		default: false
+	},
+	isError: {
+		type: Boolean,
+		default: false
+	},
+	debugLabel: {
+		type: String,
+		default: ""
+	},
+	debugMode: {
+		type: Boolean,
+		default: false
+	}
+};
+const flInputEmits = {
+	"custom-input": (payload) => typeof payload.value === "string" && typeof payload.length === "number",
+	"debug-event": (payload) => typeof payload.label === "string" && typeof payload.value === "string"
+};
+export { flInputEmits, flInputProps };
+
+//# sourceMappingURL=input.mjs.map

package/esm/components/input/src/input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.mjs","names":[],"sources":["../../../../../../packages/components/input/src/input.ts"],"sourcesContent":["import type { ExtractPublicPropTypes } from 'vue'\r\n\r\nexport const flInputProps = {\r\n  /**\r\n   * 是否用于表格单元格内输入场景。开启后会使用表格样式。\r\n   */\r\n  isTable: {\r\n    type: Boolean,\r\n    default: false\r\n  },\r\n  /**\r\n   * 是否进入错误态。开启后会触发错误样式并清空输入值。\r\n   */\r\n  isError: {\r\n    type: Boolean,\r\n    default: false\r\n  },\r\n  /**\r\n   * 调试事件标签，在开启调试模式后会随 `debug-event` 一起抛出。\r\n   */\r\n  debugLabel: {\r\n    type: String,\r\n    default: ''\r\n  },\r\n  /**\r\n   * 是否开启调试事件派发，开启后每次输入都会触发调试事件。\r\n   */\r\n  debugMode: {\r\n    type: Boolean,\r\n    default: false\r\n  }\r\n} as const\r\n\r\nexport interface FlInputCustomPayload {\r\n  /**\r\n   * 当前输入字符串长度。\r\n   */\r\n  length: number\r\n  /**\r\n   * 底层 ElInput 当前输入值。\r\n   */\r\n  value: string\r\n}\r\n\r\nexport interface FlInputDebugPayload {\r\n  /**\r\n   * 用于标识输入来源的业务标签。\r\n   */\r\n  label: string\r\n  /**\r\n   * 触发调试事件时的当前输入值。\r\n   */\r\n  value: string\r\n}\r\n\r\nexport const flInputEmits = {\r\n  /**\r\n   * 原生输入变化时触发，携带当前值与字符长度。\r\n   */\r\n  'custom-input': (payload: FlInputCustomPayload) =>\r\n    typeof payload.value === 'string' && typeof payload.length === 'number',\r\n  /**\r\n   * 开启 `debugMode` 后在 `custom-input` 之后触发，用于调试追踪。\r\n   */\r\n  'debug-event': (payload: FlInputDebugPayload) =>\r\n    typeof payload.label === 'string' && typeof payload.value === 'string'\r\n} as const\r\n\r\nexport type FlInputProps = ExtractPublicPropTypes<typeof flInputProps>\r\nexport type FlInputEmits = typeof flInputEmits\r\n\r\nexport type InputProps = FlInputProps\r\nexport type InputEmits = FlInputEmits\r\n"],"mappings":"AAEA,MAAa,eAAe;CAI1B,SAAS;EACP,MAAM;EACN,SAAS;EACV;CAID,SAAS;EACP,MAAM;EACN,SAAS;EACV;CAID,YAAY;EACV,MAAM;EACN,SAAS;EACV;CAID,WAAW;EACT,MAAM;EACN,SAAS;EACV;CACF;AAwBD,MAAa,eAAe;CAI1B,iBAAiB,YACf,OAAO,QAAQ,UAAU,YAAY,OAAO,QAAQ,WAAW;CAIjE,gBAAgB,YACd,OAAO,QAAQ,UAAU,YAAY,OAAO,QAAQ,UAAU;CACjE"}

package/esm/components/input/src/input.vue.mjs

@@ -0,0 +1,157 @@
+import { computed, createBlock, defineComponent, getCurrentInstance, h, openBlock, resolveDynamicComponent, unref, useAttrs, useSlots, watch } from "vue";
+import { ElInput } from "element-plus";
+var defaultNamespace = "fl";
+var statePrefix = "is-";
+var buildBemName = (namespace, block, blockSuffix = "", element = "", modifier = "") => {
+	let className = `${namespace}-${block}`;
+	if (blockSuffix) className += `-${blockSuffix}`;
+	if (element) className += `__${element}`;
+	if (modifier) className += `--${modifier}`;
+	return className;
+};
+const useNamespace = (block, namespace = defaultNamespace) => {
+	const b = (blockSuffix = "") => buildBemName(namespace, block, blockSuffix);
+	const e = (element) => element ? buildBemName(namespace, block, "", element) : "";
+	const m = (modifier) => modifier ? buildBemName(namespace, block, "", "", modifier) : "";
+	const be = (blockSuffix, element) => {
+		if (!blockSuffix || !element) return "";
+		return buildBemName(namespace, block, blockSuffix, element);
+	};
+	const em = (element, modifier) => {
+		if (!element || !modifier) return "";
+		return buildBemName(namespace, block, "", element, modifier);
+	};
+	const bm = (blockSuffix, modifier) => {
+		if (!blockSuffix || !modifier) return "";
+		return buildBemName(namespace, block, blockSuffix, "", modifier);
+	};
+	const bem = (blockSuffix, element, modifier) => {
+		if (!blockSuffix && !element && !modifier) return b();
+		return buildBemName(namespace, block, blockSuffix, element, modifier);
+	};
+	const is = (name, state = true) => state ? `${statePrefix}${name}` : "";
+	return {
+		namespace,
+		b,
+		e,
+		m,
+		be,
+		em,
+		bm,
+		bem,
+		is
+	};
+};
+const mergeComponentExpose = (vm, exposed, extras = {}) => {
+	if (!vm?.exposed || !exposed || typeof exposed !== "object" && typeof exposed !== "function") return;
+	Object.assign(vm.exposed, extras, exposed);
+};
+const invokeListener = (listener, ...args) => {
+	if (typeof listener === "function") {
+		listener(...args);
+		return;
+	}
+	if (!Array.isArray(listener)) return;
+	for (const item of listener) if (typeof item === "function") item(...args);
+};
+const useMergedAttrs = ({ attrs, block, listenerName, onListener }) => {
+	const className = useNamespace(block).b();
+	return { mergedAttrs: computed(() => {
+		const next = { ...attrs };
+		const originalListener = next[listenerName];
+		next.class = [className, next.class];
+		next[listenerName] = (...args) => {
+			onListener?.(...args);
+			invokeListener(originalListener, ...args);
+		};
+		return next;
+	}) };
+};
+const useMergedExpose = (extras) => {
+	const vm = getCurrentInstance();
+	const changeRef = (exposed) => {
+		mergeComponentExpose(vm, exposed, extras);
+	};
+	return { changeRef };
+};
+var input_default = /* @__PURE__ */ defineComponent({
+	name: "FlInput",
+	inheritAttrs: false,
+	__name: "input",
+	props: {
+		isTable: {
+			type: Boolean,
+			default: false
+		},
+		isError: {
+			type: Boolean,
+			default: false
+		},
+		debugLabel: {
+			type: String,
+			default: ""
+		},
+		debugMode: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: {
+		"custom-input": (payload) => typeof payload.value === "string" && typeof payload.length === "number",
+		"debug-event": (payload) => typeof payload.label === "string" && typeof payload.value === "string"
+	},
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const slots = useSlots();
+		const rawAttrs = attrs;
+		const { changeRef } = useMergedExpose({
+			myMethod() {
+				console.log("my method!");
+			},
+			myValue: 123
+		});
+		const { mergedAttrs } = useMergedAttrs({
+			attrs: rawAttrs,
+			block: "input",
+			listenerName: "onInput",
+			onListener: (...args) => {
+				const value = args[0];
+				if (typeof value === "string") {
+					emit("custom-input", {
+						value,
+						length: value.length
+					});
+					if (props.debugMode) emit("debug-event", {
+						label: props.debugLabel,
+						value
+					});
+				}
+			}
+		});
+		const mergedInputAttrs = computed(() => ({
+			...mergedAttrs.value,
+			class: [mergedAttrs.value.class, {
+				"is-error": props.isError,
+				"is-table": props.isTable
+			}]
+		}));
+		const clearModelValue = () => {
+			invokeListener(rawAttrs["onUpdate:modelValue"], "");
+		};
+		watch(() => props.isError, (isError, previousIsError) => {
+			if (isError && previousIsError !== true) clearModelValue();
+		}, { immediate: true });
+		__expose({});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(h(unref(ElInput), {
+				...mergedInputAttrs.value,
+				ref: unref(changeRef)
+			}, unref(slots))));
+		};
+	}
+});
+export { input_default as default };
+
+//# sourceMappingURL=input.vue.mjs.map

package/esm/components/input/src/input.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.vue.mjs","names":[],"sources":["../../../../../../packages/utils/src/bem.ts","../../../../../../packages/utils/src/component.ts","../../../../../../packages/hooks/src/use-component.ts","../../../../../../packages/components/input/src/input.ts","../../../../../../packages/components/input/src/input.vue","../../../../../../packages/components/input/src/input.vue"],"sourcesContent":["const defaultNamespace = 'fl'\r\nconst statePrefix = 'is-'\r\n\r\nconst buildBemName = (\r\n  namespace: string,\r\n  block: string,\r\n  blockSuffix = '',\r\n  element = '',\r\n  modifier = ''\r\n) => {\r\n  let className = `${namespace}-${block}`\r\n\r\n  if (blockSuffix) {\r\n    className += `-${blockSuffix}`\r\n  }\r\n\r\n  if (element) {\r\n    className += `__${element}`\r\n  }\r\n\r\n  if (modifier) {\r\n    className += `--${modifier}`\r\n  }\r\n\r\n  return className\r\n}\r\n\r\nexport const useNamespace = (block: string, namespace = defaultNamespace) => {\r\n  const b = (blockSuffix = '') => buildBemName(namespace, block, blockSuffix)\r\n\r\n  const e = (element?: string) => (element ? buildBemName(namespace, block, '', element) : '')\r\n\r\n  const m = (modifier?: string) =>\r\n    modifier ? buildBemName(namespace, block, '', '', modifier) : ''\r\n\r\n  const be = (blockSuffix?: string, element?: string) => {\r\n    if (!blockSuffix || !element) {\r\n      return ''\r\n    }\r\n\r\n    return buildBemName(namespace, block, blockSuffix, element)\r\n  }\r\n\r\n  const em = (element?: string, modifier?: string) => {\r\n    if (!element || !modifier) {\r\n      return ''\r\n    }\r\n\r\n    return buildBemName(namespace, block, '', element, modifier)\r\n  }\r\n\r\n  const bm = (blockSuffix?: string, modifier?: string) => {\r\n    if (!blockSuffix || !modifier) {\r\n      return ''\r\n    }\r\n\r\n    return buildBemName(namespace, block, blockSuffix, '', modifier)\r\n  }\r\n\r\n  const bem = (blockSuffix?: string, element?: string, modifier?: string) => {\r\n    if (!blockSuffix && !element && !modifier) {\r\n      return b()\r\n    }\r\n\r\n    return buildBemName(namespace, block, blockSuffix, element, modifier)\r\n  }\r\n\r\n  const is = (name: string, state = true) => (state ? `${statePrefix}${name}` : '')\r\n\r\n  return {\r\n    namespace,\r\n    b,\r\n    e,\r\n    m,\r\n    be,\r\n    em,\r\n    bm,\r\n    bem,\r\n    is\r\n  }\r\n}\r\n","type ExposedTarget = {\r\n  exposed?: Record<string, unknown> | null\r\n} | null\r\n\r\nexport const mergeComponentExpose = (\r\n  vm: ExposedTarget,\r\n  exposed: unknown,\r\n  extras: Record<string, unknown> = {}\r\n) => {\r\n  if (!vm?.exposed || !exposed || (typeof exposed !== 'object' && typeof exposed !== 'function')) {\r\n    return\r\n  }\r\n\r\n  Object.assign(vm.exposed, extras, exposed)\r\n}\r\n\r\nexport const invokeListener = (listener: unknown, ...args: unknown[]) => {\r\n  if (typeof listener === 'function') {\r\n    listener(...args)\r\n    return\r\n  }\r\n\r\n  if (!Array.isArray(listener)) {\r\n    return\r\n  }\r\n\r\n  for (const item of listener) {\r\n    if (typeof item === 'function') {\r\n      item(...args)\r\n    }\r\n  }\r\n}\r\n","import { computed, getCurrentInstance } from 'vue'\r\nimport { invokeListener, mergeComponentExpose, useNamespace } from '@falcon-ui/utils'\r\n\r\ntype UseMergedAttrsOptions = {\r\n  attrs: Record<string, unknown>\r\n  block: string\r\n  listenerName: string\r\n  onListener?: (...args: unknown[]) => void\r\n}\r\n\r\nexport const useMergedAttrs = ({\r\n  attrs,\r\n  block,\r\n  listenerName,\r\n  onListener\r\n}: UseMergedAttrsOptions) => {\r\n  const ns = useNamespace(block)\r\n  const className = ns.b()\r\n\r\n  const mergedAttrs = computed(() => {\r\n    const next = { ...attrs }\r\n    const originalListener = next[listenerName]\r\n    next.class = [className, next.class]\r\n\r\n    next[listenerName] = (...args: unknown[]) => {\r\n      onListener?.(...args)\r\n      invokeListener(originalListener, ...args)\r\n    }\r\n\r\n    return next\r\n  })\r\n\r\n  return {\r\n    mergedAttrs\r\n  }\r\n}\r\n\r\nexport const useMergedExpose = <TExpose extends Record<string, unknown>>(extras: TExpose) => {\r\n  const vm = getCurrentInstance()\r\n\r\n  const changeRef = (exposed: unknown) => {\r\n    mergeComponentExpose(vm, exposed, extras)\r\n  }\r\n\r\n  return {\r\n    changeRef\r\n  }\r\n}\r\n","import type { ExtractPublicPropTypes } from 'vue'\r\n\r\nexport const flInputProps = {\r\n  /**\r\n   * 是否用于表格单元格内输入场景。开启后会使用表格样式。\r\n   */\r\n  isTable: {\r\n    type: Boolean,\r\n    default: false\r\n  },\r\n  /**\r\n   * 是否进入错误态。开启后会触发错误样式并清空输入值。\r\n   */\r\n  isError: {\r\n    type: Boolean,\r\n    default: false\r\n  },\r\n  /**\r\n   * 调试事件标签，在开启调试模式后会随 `debug-event` 一起抛出。\r\n   */\r\n  debugLabel: {\r\n    type: String,\r\n    default: ''\r\n  },\r\n  /**\r\n   * 是否开启调试事件派发，开启后每次输入都会触发调试事件。\r\n   */\r\n  debugMode: {\r\n    type: Boolean,\r\n    default: false\r\n  }\r\n} as const\r\n\r\nexport interface FlInputCustomPayload {\r\n  /**\r\n   * 当前输入字符串长度。\r\n   */\r\n  length: number\r\n  /**\r\n   * 底层 ElInput 当前输入值。\r\n   */\r\n  value: string\r\n}\r\n\r\nexport interface FlInputDebugPayload {\r\n  /**\r\n   * 用于标识输入来源的业务标签。\r\n   */\r\n  label: string\r\n  /**\r\n   * 触发调试事件时的当前输入值。\r\n   */\r\n  value: string\r\n}\r\n\r\nexport const flInputEmits = {\r\n  /**\r\n   * 原生输入变化时触发，携带当前值与字符长度。\r\n   */\r\n  'custom-input': (payload: FlInputCustomPayload) =>\r\n    typeof payload.value === 'string' && typeof payload.length === 'number',\r\n  /**\r\n   * 开启 `debugMode` 后在 `custom-input` 之后触发，用于调试追踪。\r\n   */\r\n  'debug-event': (payload: FlInputDebugPayload) =>\r\n    typeof payload.label === 'string' && typeof payload.value === 'string'\r\n} as const\r\n\r\nexport type FlInputProps = ExtractPublicPropTypes<typeof flInputProps>\r\nexport type FlInputEmits = typeof flInputEmits\r\n\r\nexport type InputProps = FlInputProps\r\nexport type InputEmits = FlInputEmits\r\n","<template>\r\n  <component :is=\"h(ElInput, { ...mergedInputAttrs, ref: changeRef }, slots)\" />\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ElInput } from 'element-plus'\r\nimport type { ComponentInstance } from 'vue'\r\nimport { computed, h, useAttrs, useSlots, watch } from 'vue'\r\nimport { useMergedAttrs, useMergedExpose } from '@falcon-ui/hooks'\r\nimport { invokeListener } from '@falcon-ui/utils'\r\nimport { flInputEmits, flInputProps } from './input'\r\n\r\ndefineOptions({\r\n  name: 'FlInput',\r\n  inheritAttrs: false\r\n})\r\n\r\nconst props = defineProps(flInputProps)\r\nconst emit = defineEmits(flInputEmits)\r\nconst attrs = useAttrs()\r\nconst slots = useSlots()\r\nconst rawAttrs = attrs as Record<string, unknown>\r\n\r\n// Keep user-defined exposed capabilities and merge with ElInput expose.\r\nconst _myExpose = {\r\n  /**\r\n   * FlInput 额外暴露的示例方法，可用于联调验证。\r\n   */\r\n  myMethod() {\r\n    console.log('my method!')\r\n  },\r\n  /**\r\n   * FlInput 额外暴露的示例数值，用于文档演示与调试。\r\n   */\r\n  myValue: 123\r\n}\r\n\r\nconst { changeRef } = useMergedExpose(_myExpose)\r\nconst { mergedAttrs } = useMergedAttrs({\r\n  attrs: rawAttrs,\r\n  block: 'input',\r\n  listenerName: 'onInput',\r\n  onListener: (...args: unknown[]) => {\r\n    const value = args[0]\r\n    if (typeof value === 'string') {\r\n      emit('custom-input', {\r\n        value,\r\n        length: value.length\r\n      })\r\n\r\n      if (props.debugMode) {\r\n        emit('debug-event', {\r\n          label: props.debugLabel,\r\n          value\r\n        })\r\n      }\r\n    }\r\n  }\r\n})\r\n\r\nconst mergedInputAttrs = computed(() => ({\r\n  ...mergedAttrs.value,\r\n  class: [mergedAttrs.value.class, { 'is-error': props.isError, 'is-table': props.isTable }]\r\n}))\r\n\r\nconst clearModelValue = () => {\r\n  invokeListener(rawAttrs['onUpdate:modelValue'], '')\r\n}\r\n\r\nwatch(\r\n  () => props.isError,\r\n  (isError, previousIsError) => {\r\n    if (isError && previousIsError !== true) {\r\n      clearModelValue()\r\n    }\r\n  },\r\n  { immediate: true }\r\n)\r\n\r\ndefineExpose({} as ComponentInstance<typeof ElInput> & typeof _myExpose)\r\n</script>\r\n","<template>\r\n  <component :is=\"h(ElInput, { ...mergedInputAttrs, ref: changeRef }, slots)\" />\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ElInput } from 'element-plus'\r\nimport type { ComponentInstance } from 'vue'\r\nimport { computed, h, useAttrs, useSlots, watch } from 'vue'\r\nimport { useMergedAttrs, useMergedExpose } from '@falcon-ui/hooks'\r\nimport { invokeListener } from '@falcon-ui/utils'\r\nimport { flInputEmits, flInputProps } from './input'\r\n\r\ndefineOptions({\r\n  name: 'FlInput',\r\n  inheritAttrs: false\r\n})\r\n\r\nconst props = defineProps(flInputProps)\r\nconst emit = defineEmits(flInputEmits)\r\nconst attrs = useAttrs()\r\nconst slots = useSlots()\r\nconst rawAttrs = attrs as Record<string, unknown>\r\n\r\n// Keep user-defined exposed capabilities and merge with ElInput expose.\r\nconst _myExpose = {\r\n  /**\r\n   * FlInput 额外暴露的示例方法，可用于联调验证。\r\n   */\r\n  myMethod() {\r\n    console.log('my method!')\r\n  },\r\n  /**\r\n   * FlInput 额外暴露的示例数值，用于文档演示与调试。\r\n   */\r\n  myValue: 123\r\n}\r\n\r\nconst { changeRef } = useMergedExpose(_myExpose)\r\nconst { mergedAttrs } = useMergedAttrs({\r\n  attrs: rawAttrs,\r\n  block: 'input',\r\n  listenerName: 'onInput',\r\n  onListener: (...args: unknown[]) => {\r\n    const value = args[0]\r\n    if (typeof value === 'string') {\r\n      emit('custom-input', {\r\n        value,\r\n        length: value.length\r\n      })\r\n\r\n      if (props.debugMode) {\r\n        emit('debug-event', {\r\n          label: props.debugLabel,\r\n          value\r\n        })\r\n      }\r\n    }\r\n  }\r\n})\r\n\r\nconst mergedInputAttrs = computed(() => ({\r\n  ...mergedAttrs.value,\r\n  class: [mergedAttrs.value.class, { 'is-error': props.isError, 'is-table': props.isTable }]\r\n}))\r\n\r\nconst clearModelValue = () => {\r\n  invokeListener(rawAttrs['onUpdate:modelValue'], '')\r\n}\r\n\r\nwatch(\r\n  () => props.isError,\r\n  (isError, previousIsError) => {\r\n    if (isError && previousIsError !== true) {\r\n      clearModelValue()\r\n    }\r\n  },\r\n  { immediate: true }\r\n)\r\n\r\ndefineExpose({} as ComponentInstance<typeof ElInput> & typeof _myExpose)\r\n</script>\r\n"],"mappings":"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"}