@type-dom/ui 0.6.0 → 0.6.1

package/dist/components/form/td-mention/td-mention.interface.d.ts

@@ -0,0 +1,98 @@
+import { IDiv, DivProps, Ref, IntrinsicElementAttributes, CSSProperties } from '@type-dom/framework';
+import { PopperProps } from '../../feedback';
+import { InputProps } from '../td-input/td-input.interface';
+import { MentionOption } from './types';
+import { filterOption } from './helper';
+export interface ITdMention extends IDiv {
+    props: MentionProps;
+}
+export interface MentionProps extends DivProps, InputProps {
+    /**
+     * @description mention options list
+     *     default: () => [],
+     */
+    options?: MentionOption[];
+    /**
+     * @description prefix character to trigger mentions. The string length must be exactly 1.
+     *     default: '@',
+     *     validator: (val: string | string[]) => {
+     *       if (isString(val)) return val.length === 1
+     *       return val.every((v) => isString(v) && v.length === 1)
+     *     },
+     */
+    prefix?: string | string[];
+    /**
+     * @description character to split mentions. The string length must be exactly 1.
+     *     default: ' ',
+     *     validator: (val: string) => val.length === 1,
+     */
+    split?: string;
+    /**
+     * @description customize filter option logic.
+     *     default: () => filterOption,
+     *     validator: (val) => {
+     *       if (val === false) return true
+     *       return isFunction(val)
+     *     },
+     */
+    filterOption?: false | typeof filterOption;
+    /**
+     * @description set popup placement
+     *     default: 'bottom',
+     */
+    placement?: 'bottom' | 'top';
+    /**
+     * @description whether the dropdown panel has an arrow
+     */
+    showArrow?: boolean;
+    /**
+     * @description offset of the dropdown panel
+     *     default: 0,
+     */
+    offset?: number;
+    /**
+     * @description when backspace is pressed to delete, whether the mention content is deleted as a whole
+     */
+    whole?: boolean;
+    /**
+     * @description when backspace is pressed to delete, check if the mention is a whole
+     */
+    checkIsWhole?: (pattern: string, prefix: string) => boolean;
+    /**
+     * @description input value
+     */
+    modelValue?: string;
+    vModel?: Ref<string | undefined>;
+    /**
+     * @description whether the dropdown panel of mentions is in a loading state.
+     */
+    loading?: Ref<boolean>;
+    /**
+     * @description custom class name for dropdown panel
+     *     default: '',
+     */
+    popperClass?: string;
+    /**
+     * @description custom style for dropdown panel
+     *     default: {},
+     */
+    popperStyle?: CSSProperties;
+    /**
+     * @description [popper.js](https://popper.js.org/docs/v2/) parameters
+     *     default: () => ({} as Partial<Options>),
+     */
+    popperOptions?: Partial<PopperProps>;
+    /**
+     * @description configuration options for field alias (value/label/disabled)
+     */
+    props?: {
+        value?: string;
+        label?: string;
+        disabled?: string;
+        [key: string]: string | undefined;
+    };
+    name?: string;
+    attrObj?: IntrinsicElementAttributes['input'];
+}
+export type { MentionOption } from './types';
+//# sourceMappingURL=td-mention.interface.d.ts.map

package/dist/components/form/td-mention/td-mention.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-mention.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-mention/td-mention.interface.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,0BAA0B,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACrG,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,WAAW,UAAW,SAAQ,IAAI;IACtC,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,MAAM,WAAW,YAAa,SAAQ,QAAQ,EAAE,UAAU;IAExD;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,OAAO,YAAY,CAAC;IAC3C;;;OAGG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IAC5D;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACrC;;OAEG;IACH,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;KACnC,CAAC;IAEF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAA;CAC9C;AAED,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/form/td-mention/td-mention.interface.js

@@ -0,0 +1,16 @@
+// import {
+//   buildProps,
+//   definePropType,
+//   isFunction,
+//   isString,
+// } from '@element-plus/utils'
+// import { UPDATE_MODEL_EVENT } from '@element-plus/constants'
+// import { inputProps } from '@element-plus/components/input'
+// import { filterOption } from './helper'
+//
+// import type { ExtractPropTypes } from 'vue'
+// import type Mention from './mention.vue'
+// import type { MentionOption } from './types'
+// import type { Options } from '@element-plus/components/popper'
+export {};
+//# sourceMappingURL=td-mention.interface.js.map

package/dist/components/form/td-mention/td-mention.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-mention.interface.js","sourceRoot":"","sources":["../../../../src/components/form/td-mention/td-mention.interface.ts"],"names":[],"mappings":"AAAA,WAAW;AACX,gBAAgB;AAChB,oBAAoB;AACpB,gBAAgB;AAChB,cAAc;AACd,+BAA+B;AAC/B,+DAA+D;AAC/D,8DAA8D;AAC9D,0CAA0C;AAC1C,EAAE;AACF,8CAA8C;AAC9C,2CAA2C;AAC3C,+CAA+C;AAC/C,iEAAiE"}

package/dist/components/form/td-mention/types.d.ts

@@ -0,0 +1,16 @@
+export type MentionOption = {
+    value: string;
+    label?: string;
+    disabled?: boolean;
+    [key: string]: any;
+};
+export interface MentionCtx {
+    pattern: string;
+    start: number;
+    end: number;
+    prefix: string;
+    prefixIndex: number;
+    splitIndex: number;
+    selectionEnd: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/form/td-mention/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-mention/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;CACrB"}

package/dist/components/form/td-mention/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/form/td-mention/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/form/td-mention/types.ts"],"names":[],"mappings":""}

package/dist/components/form/td-option/style/css.d.ts

@@ -1,3 +1,3 @@
 import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-option.css';
+import '../../../../theme-chalk/el-option.css';
 //# sourceMappingURL=css.d.ts.map

package/dist/components/form/td-option/style/css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-option/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,yCAAyC,CAAC"}
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-option/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,uCAAuC,CAAC"}

package/dist/components/form/td-option/style/css.js

@@ -1,3 +1,3 @@
 import '../../../base/style/css';
-import '@element-plus/theme-chalk/el-option.css';
+import '../../../../theme-chalk/el-option.css';
 //# sourceMappingURL=css.js.map

package/dist/components/form/td-option/style/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../src/components/form/td-option/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,yCAAyC,CAAC"}
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../src/components/form/td-option/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,uCAAuC,CAAC"}

package/dist/components/form/td-option/td-option.class.d.ts

@@ -1,13 +1,11 @@
-import { TypeLI } from '@type-dom/framework';
+import { LI } from '@type-dom/framework';
 import { Computed, Signal } from '@type-dom/signals';
 import { UseNamespaceReturn } from '../../../hooks/use-namespace';
 import { SelectContext } from '../td-select/td-select.interface';
 import { ITdOption, OptionStates, TdOptionProps } from './td-option.interface';
 import './style/index';
-export declare class TdOption extends TypeLI implements ITdOption {
-    className: 'TdOption';
-    props: TdOptionProps;
-    value?: string;
+export declare class TdOption extends LI<TdOptionProps> implements ITdOption {
+    value: string | number | boolean | object;
     ns?: UseNamespaceReturn;
     containerKls?: Computed<string[]>;
     currentLabel?: Computed<string | number | boolean | undefined>;
@@ -17,9 +15,10 @@ export declare class TdOption extends TypeLI implements ITdOption {
     hoverItem?: () => void;
     updateOption?: (query: string) => void;
     visible?: Signal<boolean | undefined>;
-    hover?: Signal<boolean>;
+    hover?: Signal<boolean | undefined>;
     selectOptionClick?: () => void;
     states?: OptionStates;
+    id?: Computed<string>;
     constructor(params?: TdOptionProps);
     setup(): void;
 }

package/dist/components/form/td-option/td-option.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"td-option.class.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-option/td-option.class.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EAMP,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAA2B,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAgB,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAEhF,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC/E,OAAO,eAAe,CAAC;AAEvB,qBAAa,QAAS,SAAQ,MAAO,YAAW,SAAS;IACvD,SAAS,EAAE,UAAU,CAAC;IACb,KAAK,EAAE,aAAa,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,kBAAkB,CAAC;IAExB,YAAY,CAAC,EAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IACnC,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,YAAY,CAAC;gBAEV,MAAM,GAAE,aAAkB;IAY7B,KAAK;CAmGf"}
+{"version":3,"file":"td-option.class.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-option/td-option.class.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,EAAE,EAQH,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAoB,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAgB,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAEhF,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC/E,OAAO,eAAe,CAAC;AAEvB,qBAAa,QAAS,SAAQ,EAAE,CAAC,aAAa,CAAE,YAAW,SAAS;IAClE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAC1C,EAAE,CAAC,EAAE,kBAAkB,CAAC;IAExB,YAAY,CAAC,EAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IACnC,YAAY,CAAC,EAAG,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IAChE,YAAY,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,EAAE,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;gBAEV,MAAM,GAAE,aAAkB;IAU7B,KAAK;CAsHf"}

package/dist/components/form/td-option/td-option.class.js

@@ -1,22 +1,35 @@
-import { TypeLI, Span, getCurrentInstance, onBeforeUnmount, nextTick, defineExpose, } from '@type-dom/framework';
-import { signal, computed, unref } from '@type-dom/signals';
+import { LI, Span, getCurrentInstance, onBeforeUnmount, nextTick, unref, transformSlot, addEvents, assignProps, addAttrObj } from '@type-dom/framework';
+import { isFocusable } from '@type-dom/utils';
+import { signal, computed } from '@type-dom/signals';
 import { useNamespace } from '../../../hooks/use-namespace';
 import { useId } from '../../../hooks/use-id';
 import { useOption } from './useOption';
 import './style/index';
-export class TdOption extends TypeLI {
+export class TdOption extends LI {
+    value;
+    ns;
+    // override id?: Ref<string>;
+    containerKls;
+    currentLabel;
+    itemSelected;
+    isDisabled;
+    select;
+    hoverItem;
+    updateOption;
+    visible;
+    hover;
+    selectOptionClick;
+    states;
+    id;
     constructor(params = {}) {
-        super();
-        this.className = 'TdOption';
-        this.attr.addObj({
+        super(params);
+        addAttrObj(this, {
             name: 'td-option',
             role: 'option',
         });
-        this.value = '';
-        this.props = this.useParams(params);
+        this.value = params.value ?? params.label ?? '';
     }
     setup() {
-        var _a, _b, _c;
         const props = this.props;
         const ns = useNamespace('select');
         const id = useId();
@@ -32,19 +45,21 @@ export class TdOption extends TypeLI {
             visible: signal(true),
             hover: signal(false),
         };
-        const { currentLabel, itemSelected, isDisabled, select, hoverItem, updateOption, } = useOption(props, states);
+        const { currentLabel, itemSelected, isDisabled, select: selectRef, hoverItem, updateOption, } = useOption(props, states);
         const { visible, hover } = states; // toSignals(states);
         // todo  vm is this
-        const vm = getCurrentInstance(); //.proxy as unknown as SelectOptionProxy
-        // console.warn('td-option then onOptionCreate vm ', vm);
-        select.onOptionCreate(this);
+        const vm = getCurrentInstance();
         onBeforeUnmount(() => {
+            const select = selectRef.get();
+            if (!select)
+                return;
             const key = unref(props.value);
-            const { selected: selectedOptions } = select.states;
+            const selectedOptions = select.states.selected.get();
             const doesSelected = selectedOptions.some((item) => {
-                return item.value === unref(props.value);
+                // `selected[i].value` is a signal (see `getOption` in useSelect), so unwrap
+                // it before comparing — element-plus compares the raw values here.
+                return unref(item.value) === unref(props.value);
             });
-            // if option is not selected, remove it from cache
             nextTick(() => {
                 if (select.states.cachedOptions.get(key) === this && !doesSelected) {
                     select.states.cachedOptions.delete(key);
@@ -53,46 +68,68 @@ export class TdOption extends TypeLI {
             select.onOptionDestroy(key, this);
         });
         function selectOptionClick() {
-            if (!isDisabled.get()) {
+            const select = selectRef.get();
+            if (!isDisabled.get() && select) {
                 select.handleOptionSelect(vm);
             }
         }
-        defineExpose({
-            ns,
-            id,
-            containerKls,
-            currentLabel,
-            itemSelected,
-            isDisabled,
-            select,
-            visible,
-            hover,
-            states,
-            hoverItem,
-            updateOption,
-            selectOptionClick,
-        });
-        this.assignProps({
+        this.ns = ns;
+        this.id = id;
+        this.containerKls = containerKls;
+        this.currentLabel = currentLabel;
+        this.itemSelected = itemSelected;
+        this.isDisabled = isDisabled;
+        this.select = selectRef.get();
+        // NOTE: registration with the parent select (`onOptionCreate`) happens once, inside
+        // `useOption` during `setup` (mirrors element-plus's `created()` hook). Do NOT register
+        // again here — a second call re-enters the same TdOption instance and, combined with the
+        // `TdOptions.onMounted` registration, triple-counts every option and can trip the
+        // loop guard during a normal mount of a moderately sized list.
+        this.visible = visible;
+        this.hover = hover;
+        this.states = states;
+        this.hoverItem = hoverItem;
+        this.updateOption = updateOption;
+        this.selectOptionClick = selectOptionClick;
+        assignProps(this, {
             vShow: visible,
         });
-        this.attr.addObj({
+        addAttrObj(this, {
             id: id.get(),
             class: containerKls,
             role: 'option',
             ariaDisabled: isDisabled.get() || undefined,
             ariaSelected: itemSelected.get(),
         });
-        this.addEvents({
+        addEvents(this, {
             mousemove: hoverItem,
+            // Mirrors element-plus: prevent the default `mousedown` so clicking an option
+            // does not blur the (filterable) input / move focus away from the select.
+            // Like element-plus, skip it when a focusable descendant (a/button/input/…)
+            // was the actual target, so such content can still receive focus.
+            mousedown: (evt) => {
+                const event = evt;
+                if (!event)
+                    return;
+                let target = event.target;
+                const currentTarget = event.currentTarget;
+                while (target && target !== currentTarget) {
+                    if (isFocusable(target))
+                        return;
+                    target = target.parentElement;
+                }
+                event.preventDefault();
+            },
             click: (evt) => {
-                console.warn('td-option click . ');
                 selectOptionClick();
-                evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
+                evt?.stopPropagation();
             },
         });
-        this.slotChildren((_c = (_a = props.slot) !== null && _a !== void 0 ? _a : (_b = props.slots) === null || _b === void 0 ? void 0 : _b.default) !== null && _c !== void 0 ? _c : new Span({
-            slot: currentLabel,
-        }));
+        transformSlot(this, props.slot ??
+            props.slots?.default ??
+            new Span({
+                slot: currentLabel,
+            }));
     }
 }
 //# sourceMappingURL=td-option.class.js.map

package/dist/components/form/td-option/td-option.class.js.map

@@ -1 +1 @@
-{"version":3,"file":"td-option.class.js","sourceRoot":"","sources":["../../../../src/components/form/td-option/td-option.class.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"td-option.class.js","sourceRoot":"","sources":["../../../../src/components/form/td-option/td-option.class.ts"],"names":[],"mappings":"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"}

package/dist/components/form/td-option/td-option.interface.d.ts

@@ -1,9 +1,9 @@
-import { ITypeLI, TypeLIProps } from '@type-dom/framework';
+import { ILI, LIProps } from '@type-dom/framework';
 import { Computed, Signal } from '@type-dom/signals';
-export interface ITdOption extends ITypeLI {
-    className: 'TdOption';
+export interface ITdOption extends ILI {
+    props: TdOptionProps;
 }
-export interface TdOptionProps extends TypeLIProps {
+export interface TdOptionProps extends LIProps {
     /**
      * @description value of option
      *     required: true,
@@ -13,7 +13,7 @@ export interface TdOptionProps extends TypeLIProps {
      * @description label of option, same as `value` if omitted
      */
     label?: string | number;
-    created?: boolean;
+    isCreated?: boolean;
     /**
      * @description whether option is disabled
      */
@@ -29,6 +29,12 @@ export interface OptionStates {
 export type OptionValue = TdOptionProps['value'];
 export type OptionBasic = {
     value: OptionValue;
+    /**
+     * Index of this option within the rendered (non-created) options.
+     * Mirrors element-plus's `SelectedItem.index`; `-1` when the option is not
+     * currently rendered (fallback branch of `getOption`).
+     */
+    index?: number;
     currentLabel?: Computed<string | number | boolean | undefined>;
     isDisabled?: Computed<boolean>;
 };

package/dist/components/form/td-option/td-option.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"td-option.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-option/td-option.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,WAAW,SAAU,SAAQ,OAAO;IACxC,SAAS,EAAE,UAAU,CAAC;CACvB;AAED,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAE3C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACnC,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;CACtE;AAED,MAAM,MAAM,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;AAChD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,WAAW,CAAC;IACnB,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IAC/D,UAAU,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAChC,CAAA"}
+{"version":3,"file":"td-option.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-option/td-option.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,WAAW,SAAU,SAAQ,GAAG;IACpC,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,MAAM,WAAW,aAAc,SAAQ,OAAO;IAC5C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAE3C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACnC,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,GAAG,SAAS,CAAC;CACtE;AAED,MAAM,MAAM,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;AAChD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,WAAW,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IAC/D,UAAU,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAChC,CAAA"}

package/dist/components/form/td-option/useOption.d.ts

@@ -1,7 +1,7 @@
 import { OptionStates, TdOptionProps } from './td-option.interface';
 export declare function useOption(props: TdOptionProps, states: OptionStates): {
-    select: import("..").SelectContext;
-    currentLabel: import("@type-dom/signals").Computed<string | number | boolean | undefined>;
+    select: import("@type-dom/signals").Signal<any>;
+    currentLabel: import("@type-dom/signals").Computed<string | number>;
     currentValue: import("@type-dom/signals").Computed<string | number | true | object>;
     itemSelected: import("@type-dom/signals").Computed<boolean>;
     isDisabled: import("@type-dom/signals").Computed<boolean>;

package/dist/components/form/td-option/useOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOption.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-option/useOption.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGpE,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY;;;;;;;0BA2DrC,MAAM;EAyDpC"}
+{"version":3,"file":"useOption.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-option/useOption.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIpE,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY;;;;;;;0BAsFrC,MAAM;EAoEpC"}

package/dist/components/form/td-option/useOption.js

@@ -1,21 +1,48 @@
 // import { computed, getCurrentInstance, inject, toRaw, watch } from 'vue'
-import { computed, toRaw, unref, watch } from '@type-dom/signals';
-import { get, isEqual } from 'lodash';
+import { computed, signal } from '@type-dom/signals';
+import { get, isEqual } from 'lodash-es';
+import { getCurrentInstance, inject, onMounted, toRaw, unref, watch } from '@type-dom/framework';
 import { ensureArray, escapeStringRegexp, isObject } from '@type-dom/utils';
-import { getCurrentInstance, inject } from '@type-dom/framework';
 import { selectGroupKey, selectKey } from '../td-select/token';
 export function useOption(props, states) {
-    // inject
+    const selectRef = signal(null);
+    const selectGroupRef = signal({ disabled: false });
+    const instance = getCurrentInstance();
+    // Resolve the parent select synchronously. In TypeDOM the onMounted hook is not
+    // reliably fired for options passed in through `slots.default` (pre-created
+    // instances), so we must inject during setup to make selection work.
     const select = inject(selectKey);
-    const selectGroup = inject(selectGroupKey, { disabled: false });
-    // computed
+    if (!select) {
+        throw new Error('TdOption must be used inside TdSelect');
+    }
+    selectRef.set(select);
+    selectGroupRef.set(inject(selectGroupKey, { disabled: false }));
+    select.onOptionCreate(instance);
+    onMounted(() => {
+        // Re-assert in case inject only becomes available after setup (defensive).
+        if (!selectRef.get()) {
+            selectRef.set(inject(selectKey));
+        }
+        selectGroupRef.set(inject(selectGroupKey, { disabled: false }));
+    });
+    const currentLabel = computed(() => {
+        return unref(props.label) ?? (isObject(unref(props.value)) ? '' : unref(props.value));
+    });
+    const currentValue = computed(() => {
+        return props.value || props.label || '';
+    });
     const itemSelected = computed(() => {
+        const select = selectRef.get();
+        if (!select)
+            return false;
         return contains(ensureArray(unref(select.props.modelValue)), props.value);
     });
     const limitReached = computed(() => {
-        var _a;
+        const select = selectRef.get();
+        if (!select)
+            return false;
         if (unref(select.props.multiple)) {
-            const modelValue = ensureArray((_a = unref(select.props.modelValue)) !== null && _a !== void 0 ? _a : []);
+            const modelValue = ensureArray(unref(select.props.modelValue) ?? []);
             return (!itemSelected.get() &&
                 modelValue.length >= unref(select.props.multipleLimit) &&
                 unref(select.props.multipleLimit) > 0);
@@ -24,22 +51,17 @@ export function useOption(props, states) {
             return false;
         }
     });
-    const currentLabel = computed(() => {
-        // console.warn('currentLabel computed . ');
-        return props.label || (isObject(props.value) ? '' : props.value);
-    });
-    const currentValue = computed(() => {
-        return props.value || props.label || '';
-    });
     const isDisabled = computed(() => {
-        var _a;
-        return props.disabled || ((_a = states.groupDisabled) === null || _a === void 0 ? void 0 : _a.get()) || limitReached.get();
+        return props.disabled || states.groupDisabled?.get() || limitReached.get();
     });
-    const instance = getCurrentInstance();
     const contains = (arr = [], target) => {
+        const select = selectRef.get();
         if (!isObject(props.value)) {
             return arr && arr.includes(target);
         }
+        else if (!select) {
+            return false;
+        }
         else {
             const valueKey = unref(select.props.valueKey);
             return (arr &&
@@ -49,33 +71,41 @@ export function useOption(props, states) {
         }
     };
     const hoverItem = () => {
-        var _a;
-        // console.warn('hoverItem . ');
+        const select = selectRef.get();
+        const selectGroup = selectGroupRef.get();
+        if (!select || !selectGroup)
+            return;
+        if (limitReached.get())
+            return;
         if (!props.disabled && !selectGroup.disabled) {
-            select.states.hoveringIndex = (_a = select.optionsArray) === null || _a === void 0 ? void 0 : _a.indexOf(instance);
+            const idx = select.optionsArray?.get()?.indexOf(instance) ?? -1;
+            select.setHoverOption?.(idx);
         }
     };
     const updateOption = (query) => {
-        var _a;
         const regexp = new RegExp(escapeStringRegexp(query), 'i');
-        (_a = states.visible) === null || _a === void 0 ? void 0 : _a.set(regexp.test(currentLabel.get()) || props.created || false);
+        // Mirrors element-plus: a user-created option stays visible regardless of the
+        // query (`|| created`), and the label is stringified before matching.
+        states.visible?.set(regexp.test(String(currentLabel.get())) || !!unref(props.isCreated));
     };
     watch(() => currentLabel.get(), () => {
-        // console.warn('watch currentLabel ');
-        if (!props.created && !unref(select.props.remote))
+        const select = selectRef.get();
+        if (!select)
+            return;
+        if (!unref(props.isCreated) && !unref(select.props.remote))
             select.setSelected();
     });
     watch(() => unref(props.value), (val, oldVal) => {
+        const select = selectRef.get();
         if (!select)
             return;
         const { remote, valueKey } = select.props;
         const shouldUpdate = remote ? val !== oldVal : !isEqual(val, oldVal);
         if (shouldUpdate) {
             select.onOptionDestroy(oldVal, instance);
-            // console.warn('useOption then onOptionCreate instance ', instance);
             select.onOptionCreate(instance);
         }
-        if (!props.created && !unref(remote)) {
+        if (!unref(props.isCreated) && !unref(remote)) {
             if (unref(valueKey) &&
                 isObject(val) &&
                 isObject(oldVal) &&
@@ -85,12 +115,17 @@ export function useOption(props, states) {
             select.setSelected();
         }
     });
-    watch(() => unref(selectGroup.disabled), () => {
-        var _a;
-        (_a = states.groupDisabled) === null || _a === void 0 ? void 0 : _a.set(unref(selectGroup.disabled));
+    watch(() => {
+        const selectGroup = selectGroupRef.get();
+        return selectGroup ? unref(selectGroup.disabled) : false;
+    }, () => {
+        const selectGroup = selectGroupRef.get();
+        if (selectGroup) {
+            states.groupDisabled?.set(unref(selectGroup.disabled));
+        }
     }, { immediate: true });
     return {
-        select,
+        select: selectRef,
         currentLabel,
         currentValue,
         itemSelected,