@type-dom/ui 0.2.1 → 0.3.0

package/dist/src/components/form/td-switch/td-switch.style.js

@@ -0,0 +1,148 @@
+import { $borderColor, $borderRadius, $colorPrimary, $colors, $colorWhite, $textColor, $transitionDurationDefault, $transitionDurationFast, } from '../../../styles/var';
+export const $switchOnColor = $colors.primary.base;
+// -switch-on-color: var(--el-color-primary);
+export const $switchOffColor = $borderColor.base;
+// --el-switch-off-color: var(--el-border-color);
+export const $switchBorderColor = $borderColor.base;
+export const $switchHeight = {
+    large: '40px',
+    default: '32px',
+    small: '24px',
+};
+export const $switchFontSize = {
+    large: '14px',
+    default: '14px',
+    small: '12px',
+};
+export const $switchCoreBorderRadius = {
+    large: '12px',
+    default: '10px',
+    small: '8px',
+};
+export const $switchCoreWidth = {
+    large: '50px',
+    default: '40px',
+    small: '30px',
+};
+export const $switchCoreHeight = {
+    large: '24px',
+    default: '20px',
+    small: '16px',
+};
+export const $switchButtonSize = {
+    large: '20px',
+    default: '16px',
+    small: '12px',
+};
+export const $switchContentPadding = {
+    large: '6px',
+    default: '4px',
+    small: '2px',
+};
+export const $switch = {
+    // 'on-color': getCssVar('color-primary'),
+    onColor: $colorPrimary,
+    // 'off-color': getCssVar('border-color'),
+    offColor: $borderColor,
+};
+export const $switchStyle = {
+    display: 'inline-flex',
+    alignItems: 'center',
+    position: 'relative',
+    // font-size: map.get($switch-font-size, 'default'),
+    fontSize: $switchFontSize['default'],
+    // line-height: map.get($switch-core-height, 'default'),
+    lineHeight: $switchHeight['default'],
+    // height: map.get($switch-height, 'default'),
+    height: $switchHeight['default'],
+    verticalAlign: 'middle',
+};
+export const $switchLabel = {
+    // transition: getCssVar('transition-duration-fast'),
+    transition: $transitionDurationFast,
+    // height: map.get($switch-core-height, 'default'),
+    display: 'inline-flex',
+    // font-size: map.get($switch-font-size, 'default'),
+    fontWeight: $switchFontSize['default'],
+    cursor: 'pointer',
+    verticalAlign: 'middle',
+    // color: getCssVar('text-color', 'primary'),
+    color: $textColor.primary,
+};
+export const $switchInputStyle = {
+    position: 'absolute',
+    width: 0,
+    height: 0,
+    opacity: 0,
+    margin: 0,
+};
+export const $switchCoreStyle = {
+    display: 'inline-flex',
+    position: 'relative',
+    alignItems: 'center',
+    //   min-width: map.get($switch-core-width, 'default');
+    minWidth: $switchCoreWidth['default'],
+    // height: map.get($switch-core-height, 'default');
+    height: $switchCoreHeight['default'],
+    // border: '1px solid var(--el-switch-border-color, var(--el-switch-off-color))',
+    border: '1px solid ' + $switchBorderColor,
+    // border-radius: map.get($switch-core-border-radius, 'default'),
+    borderRadius: $switchCoreBorderRadius['default'],
+    outline: 'none',
+    boxSizing: 'border-box',
+    // background: getCssVar('switch-off-color'),
+    backgroundColor: $switchOffColor,
+    cursor: 'pointer',
+    // transition: border-color getCssVar('transition-duration'),
+    //     background-color getCssVar('transition-duration'),
+    transition: 'border-color ' +
+        $transitionDurationDefault +
+        ', background-color ' +
+        $transitionDurationDefault,
+};
+export const $switchDisabledStyle = {
+    opacity: 0.6,
+};
+export const $disabledStyle = {
+    cursor: 'not-allowed',
+};
+export const $switchCoreInnerStyle = {
+    width: '100%',
+    // transition: all getCssVar('transition-duration'),
+    transition: 'all ' + $transitionDurationDefault,
+    // height: map.get($switch-button-size, 'default'),
+    height: $switchButtonSize['default'],
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    overflow: 'hidden',
+    // padding: 0 #{map.get($switch-content-padding, 'default')} 0 calc(#{map.get(
+    //     $switch-button-size,
+    //     'default'
+    //   )} + 2px);
+    padding: '0 ' +
+        $switchContentPadding['default'] +
+        ' 0 calc(' +
+        $switchButtonSize['default'] +
+        ' + 2px)',
+};
+export const $switchCoreActionStyle = {
+    position: 'absolute',
+    left: '1px',
+    // border-radius: getCssVar('border-radius-circle'),
+    borderRadius: $borderRadius.circle,
+    // transition: all getCssVar('transition-duration'),
+    transition: 'all ' + $transitionDurationDefault,
+    // width: map.get($switch-button-size, 'default'),
+    width: $switchButtonSize['default'],
+    // height: map.get($switch-button-size, 'default'),
+    height: $switchButtonSize['default'],
+    // background-color: getCssVar('color-white'),
+    backgroundColor: $colorWhite,
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    // color: getCssVar('switch-off-color'),
+    color: $switchOffColor,
+};
+//# sourceMappingURL=td-switch.style.js.map

package/dist/src/components/form/td-switch/td-switch.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-switch.style.js","sourceRoot":"","sources":["../../../../../src/components/form/td-switch/td-switch.style.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,aAAa,EACb,aAAa,EACb,OAAO,EACP,WAAW,EACX,UAAU,EACV,0BAA0B,EAC1B,uBAAuB,GACxB,MAAM,qBAAqB,CAAC;AAG7B,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC;AACnD,6CAA6C;AAC7C,MAAM,CAAC,MAAM,eAAe,GAAG,YAAY,CAAC,IAAI,CAAC;AACjD,iDAAiD;AACjD,MAAM,CAAC,MAAM,kBAAkB,GAAG,YAAY,CAAC,IAAI,CAAC;AACpD,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;CACd,CAAC;AACF,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,KAAK;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,KAAK;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,0CAA0C;IAC1C,OAAO,EAAE,aAAa;IACtB,0CAA0C;IAC1C,QAAQ,EAAE,YAAY;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAW;IAClC,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,UAAU;IACpB,oDAAoD;IACpD,QAAQ,EAAE,eAAe,CAAC,SAAS,CAAC;IACpC,wDAAwD;IACxD,UAAU,EAAE,aAAa,CAAC,SAAS,CAAC;IACpC,8CAA8C;IAC9C,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC;IAChC,aAAa,EAAE,QAAQ;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,qDAAqD;IACrD,UAAU,EAAE,uBAAuB;IACnC,mDAAmD;IACnD,OAAO,EAAE,aAAa;IACtB,oDAAoD;IACpD,UAAU,EAAE,eAAe,CAAC,SAAS,CAAC;IACtC,MAAM,EAAE,SAAS;IACjB,aAAa,EAAE,QAAQ;IACvB,6CAA6C;IAC7C,KAAK,EAAE,UAAU,CAAC,OAAO;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAW;IACvC,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAW;IACtC,OAAO,EAAE,aAAa;IACtB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,QAAQ;IACpB,uDAAuD;IACvD,QAAQ,EAAE,gBAAgB,CAAC,SAAS,CAAC;IACrC,mDAAmD;IACnD,MAAM,EAAE,iBAAiB,CAAC,SAAS,CAAC;IACpC,iFAAiF;IACjF,MAAM,EAAE,YAAY,GAAG,kBAAkB;IACzC,iEAAiE;IACjE,YAAY,EAAE,uBAAuB,CAAC,SAAS,CAAC;IAChD,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,YAAY;IACvB,6CAA6C;IAC7C,eAAe,EAAE,eAAe;IAChC,MAAM,EAAE,SAAS;IACjB,6DAA6D;IAC7D,yDAAyD;IACzD,UAAU,EACR,eAAe;QACf,0BAA0B;QAC1B,qBAAqB;QACrB,0BAA0B;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAW;IAC1C,OAAO,EAAE,GAAG;CACb,CAAC;AACF,MAAM,CAAC,MAAM,cAAc,GAAW;IACpC,MAAM,EAAE,aAAa;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAW;IAC3C,KAAK,EAAE,MAAM;IACb,oDAAoD;IACpD,UAAU,EAAE,MAAM,GAAG,0BAA0B;IAC/C,mDAAmD;IACnD,MAAM,EAAE,iBAAiB,CAAC,SAAS,CAAC;IACpC,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,QAAQ;IAClB,8EAA8E;IAC9E,2BAA2B;IAC3B,gBAAgB;IAChB,eAAe;IACf,OAAO,EACL,IAAI;QACJ,qBAAqB,CAAC,SAAS,CAAC;QAChC,UAAU;QACV,iBAAiB,CAAC,SAAS,CAAC;QAC5B,SAAS;CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAW;IAC5C,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,KAAK;IACX,oDAAoD;IACpD,YAAY,EAAE,aAAa,CAAC,MAAM;IAClC,oDAAoD;IACpD,UAAU,EAAE,MAAM,GAAG,0BAA0B;IAC/C,kDAAkD;IAClD,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAAC;IACnC,mDAAmD;IACnD,MAAM,EAAE,iBAAiB,CAAC,SAAS,CAAC;IACpC,8CAA8C;IAC9C,eAAe,EAAE,WAAW;IAC5B,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,wCAAwC;IACxC,KAAK,EAAE,eAAe;CACvB,CAAC"}

package/dist/src/components/form/td-switch/widget/td-switch-core.d.ts

@@ -0,0 +1,19 @@
+import { Div, TypeSpanProps, Span, TypeSpan } from '@type-dom/framework';
+import { TdIcon } from '../../../basic/td-icon/td-icon.class';
+import { SwitchProps } from '../td-switch.interface';
+import { TdSwitch } from '../td-switch.class';
+export declare class TdSwitchCore extends TypeSpan {
+    className: 'TdSwitchCore';
+    action: Div;
+    parent?: TdSwitch;
+    props: SwitchProps & TypeSpanProps;
+    private innerText?;
+    private innerIcon?;
+    inner?: Div;
+    actionIcon?: TdIcon;
+    actionSpan?: Span;
+    constructor(params?: SwitchProps);
+    setup(): void;
+    setInnerChecked(checked: boolean): void;
+}
+//# sourceMappingURL=td-switch-core.d.ts.map

package/dist/src/components/form/td-switch/widget/td-switch-core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-switch-core.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-switch/widget/td-switch-core.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,aAAa,EACb,IAAI,EAEJ,QAAQ,EACT,MAAM,qBAAqB,CAAC;AAK7B,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAiB,MAAM,wBAAwB,CAAC;AAapE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAG9C,qBAAa,YAAa,SAAQ,QAAQ;IACxC,SAAS,EAAE,cAAc,CAAC;IAC1B,MAAM,EAAE,GAAG,CAAC;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,KAAK,EAAE,WAAW,GAAG,aAAa,CAAC;IAC5C,OAAO,CAAC,SAAS,CAAC,CAAO;IACzB,OAAO,CAAC,SAAS,CAAC,CAAS;IAC3B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,IAAI,CAAC;gBAEN,MAAM,GAAE,WAAgB;IAoH3B,KAAK;IAsDd,eAAe,CAAC,OAAO,EAAE,OAAO;CAwCjC"}

package/dist/src/components/form/td-switch/widget/td-switch-core.js

@@ -0,0 +1,199 @@
+import { Div, Span, toValue, TypeSpan, } from '@type-dom/framework';
+import { ElLoadingSvg } from '@type-dom/svgs';
+import { unref, watch } from '@type-dom/signals';
+import { utilsEllipsis } from '../../../../styles/utils';
+import { $colorWhite } from '../../../../styles/var';
+import { TdIcon } from '../../../basic/td-icon/td-icon.class';
+import { $switchButtonSize, $switchContentPadding, $switchCoreActionStyle, $switchCoreBorderRadius, $switchCoreHeight, $switchCoreInnerStyle, $switchCoreStyle, $switchCoreWidth, $switchOffColor, $switchOnColor, } from '../td-switch.style';
+import { switchKey } from '../td-switch.const';
+export class TdSwitchCore extends TypeSpan {
+    constructor(params = {}) {
+        super();
+        // console.log('TdSwitchCore constructor . ');
+        this.className = 'TdSwitchCore';
+        this.attr.addObj({
+            name: 'switch-core',
+        });
+        this.style.addObj(Object.assign(Object.assign({}, $switchCoreStyle), { borderRadius: $switchCoreBorderRadius[(params === null || params === void 0 ? void 0 : params.size) || 'default'], minWidth: $switchCoreWidth[unref(params === null || params === void 0 ? void 0 : params.size) || 'default'], height: $switchCoreHeight[unref(params === null || params === void 0 ? void 0 : params.size) || 'default'] }));
+        if (params === null || params === void 0 ? void 0 : params.inlinePrompt) {
+            this.inner = new Div({
+                name: 'switch-inner',
+                styleObj: Object.assign(Object.assign({}, $switchCoreInnerStyle), { height: $switchButtonSize[unref(params === null || params === void 0 ? void 0 : params.size) || 'default'], padding: '0 ' +
+                        $switchContentPadding[unref(params === null || params === void 0 ? void 0 : params.size) || 'default'] +
+                        ' 0 calc(' +
+                        $switchButtonSize[unref(params === null || params === void 0 ? void 0 : params.size) || 'default'] +
+                        ' + 2px)' }),
+            });
+            this.addChild(this.inner);
+            if ((params === null || params === void 0 ? void 0 : params.activeIcon) || (params === null || params === void 0 ? void 0 : params.inactiveIcon)) {
+                this.innerIcon = new TdIcon({
+                    name: 'switch-inner-icon',
+                    slot: (params === null || params === void 0 ? void 0 : params.modelValue) === (params === null || params === void 0 ? void 0 : params.activeValue)
+                        ? params.activeIcon
+                        : params === null || params === void 0 ? void 0 : params.inactiveIcon,
+                    styleObj: Object.assign({ fontSize: '12px', 
+                        // color: var(--el-color-white),
+                        color: $colorWhite, userSelect: 'none' }, utilsEllipsis),
+                });
+                this.inner.addChild(this.innerIcon);
+            }
+            else if ((params === null || params === void 0 ? void 0 : params.activeText) || (params === null || params === void 0 ? void 0 : params.inactiveText)) {
+                this.innerText = new Span({
+                    name: 'switch-inner-text',
+                    slot: (params === null || params === void 0 ? void 0 : params.modelValue) === (params === null || params === void 0 ? void 0 : params.activeValue)
+                        ? params === null || params === void 0 ? void 0 : params.activeText
+                        : params === null || params === void 0 ? void 0 : params.inactiveText,
+                    styleObj: Object.assign({ 
+                        // fontSize: $switchFontSize[params?.size || 'default'],
+                        fontSize: '12px', 
+                        // color: var(--el-color-white),
+                        color: $colorWhite, userSelect: 'none' }, utilsEllipsis),
+                });
+                this.inner.addChild(this.innerText);
+            }
+        }
+        this.action = new Div({
+            name: 'switch-action',
+            styleObj: Object.assign(Object.assign({}, $switchCoreActionStyle), { width: $switchButtonSize[params.size || 'default'], height: $switchButtonSize[params.size || 'default'] }),
+        });
+        if (params === null || params === void 0 ? void 0 : params.loading) {
+            const loadingIcon = new TdIcon({
+                name: 'switch-loading-icon',
+                slot: new ElLoadingSvg(),
+                // loading: true // todo
+            });
+            this.action.addChild(loadingIcon);
+        }
+        else if ((params === null || params === void 0 ? void 0 : params.modelValue) === (params === null || params === void 0 ? void 0 : params.activeValue)) {
+            this.action.style.addObj({
+                color: $switchOnColor,
+            });
+            if (params === null || params === void 0 ? void 0 : params.activeActionIcon) {
+                this.actionIcon = new TdIcon({
+                    name: 'switch-action-icon',
+                    slot: params.activeActionIcon,
+                });
+                this.action.addChild(this.actionIcon);
+            }
+            else if (params === null || params === void 0 ? void 0 : params.activeActionText) {
+                this.actionSpan = new Span({
+                    name: 'switch-action-text',
+                    slot: params.activeActionText,
+                });
+                this.action.addChild(this.actionSpan);
+            }
+        }
+        else if ((params === null || params === void 0 ? void 0 : params.modelValue) !== (params === null || params === void 0 ? void 0 : params.activeValue)) {
+            if (params === null || params === void 0 ? void 0 : params.inactiveActionIcon) {
+                this.actionIcon = new TdIcon({
+                    name: 'switch-action-icon',
+                    slot: params.inactiveActionIcon,
+                });
+                this.action.addChild(this.actionIcon);
+            }
+            else if (params === null || params === void 0 ? void 0 : params.inactiveActionText) {
+                this.actionSpan = new Span({
+                    name: 'switch-action-text',
+                    slot: params.inactiveActionText,
+                });
+                this.action.addChild(this.actionSpan);
+            }
+        }
+        this.addChild(this.action);
+        this.props = this.useParams(params);
+    }
+    setup() {
+        // console.warn('td-switch-core setup . ');
+        // const props = this.props;
+        const switchContext = this.inject(switchKey);
+        watch(() => toValue(switchContext === null || switchContext === void 0 ? void 0 : switchContext.checked), (newChecked) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            // console.warn('switchContext.checked changed', newChecked);
+            const raw = unref(newChecked);
+            if (raw) {
+                this.style.setObj({
+                    backgroundColor: (_a = this.props.switchOnColor) !== null && _a !== void 0 ? _a : $switchOnColor,
+                });
+                this.action.style.setObj({
+                    color: $switchOnColor,
+                    // left: calc(100% - #{map.get($switch-button-size, 'default') + 1px});
+                    left: 'calc(100% - ' +
+                        $switchButtonSize[unref(this.props.size) || 'default'] +
+                        ' - 1px)',
+                });
+                if (this.props.inlinePrompt) {
+                    this.setInnerChecked(true);
+                }
+                if (this.props.activeActionIcon) {
+                    (_b = this.actionIcon) === null || _b === void 0 ? void 0 : _b.replaceSvg(this.props.activeActionIcon);
+                }
+                else if (this.props.activeActionText) {
+                    (_d = (_c = this.actionSpan) === null || _c === void 0 ? void 0 : _c.textNode) === null || _d === void 0 ? void 0 : _d.setText(this.props.activeActionText);
+                }
+            }
+            else {
+                // todo false
+                // console.warn('raw is false . ');
+                this.style.setObj({
+                    backgroundColor: (_e = this.props.switchOffColor) !== null && _e !== void 0 ? _e : $switchOffColor,
+                });
+                this.action.style.setObj({
+                    color: $switchOffColor,
+                    left: '1px',
+                });
+                if (this.props.inlinePrompt) {
+                    this.setInnerChecked(false);
+                }
+                if (this.props.inactiveActionIcon) {
+                    (_f = this.actionIcon) === null || _f === void 0 ? void 0 : _f.replaceSvg(this.props.inactiveActionIcon);
+                }
+                else if (this.props.inactiveActionText) {
+                    (_h = (_g = this.actionSpan) === null || _g === void 0 ? void 0 : _g.textNode) === null || _h === void 0 ? void 0 : _h.setText(this.props.inactiveActionText);
+                }
+            }
+        }, { immediate: true });
+    }
+    setInnerChecked(checked) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        if (checked) {
+            (_a = this.inner) === null || _a === void 0 ? void 0 : _a.style.setObj({
+                // padding: 0 calc(#{map.get($switch-button-size, 'default')} + 2px) 0 #{map.get(
+                //   $switch-content-padding,
+                //   'default'
+                // )};
+                padding: '0 ' +
+                    'calc(' +
+                    $switchButtonSize[unref(this.props.size) || 'default'] +
+                    ' + 2px)' +
+                    '0 ' +
+                    $switchContentPadding[unref(this.props.size) || 'default'],
+            });
+            if (this.props.activeIcon || this.props.inactiveIcon) {
+                (_b = this.innerIcon) === null || _b === void 0 ? void 0 : _b.replaceSvg(this.props.activeIcon);
+            }
+            else if (this.props.activeText || this.props.inactiveText) {
+                (_d = (_c = this.innerText) === null || _c === void 0 ? void 0 : _c.textNode) === null || _d === void 0 ? void 0 : _d.setText(this.props.activeText || '');
+            }
+        }
+        else {
+            (_e = this.inner) === null || _e === void 0 ? void 0 : _e.style.setObj({
+                // padding: 0 #{map.get($switch-content-padding, 'default')} 0 calc(#{map.get(
+                //   $switch-button-size,
+                //   'default'
+                // )} + 2px);
+                padding: '0 ' +
+                    $switchContentPadding[unref(this.props.size) || 'default'] +
+                    ' 0 calc(' +
+                    $switchButtonSize[unref(this.props.size) || 'default'] +
+                    ' + 2px)',
+            });
+            if (this.props.activeIcon || this.props.inactiveIcon) {
+                (_f = this.innerIcon) === null || _f === void 0 ? void 0 : _f.replaceSvg(this.props.inactiveIcon);
+            }
+            else if (this.props.activeText || this.props.inactiveText) {
+                (_h = (_g = this.innerText) === null || _g === void 0 ? void 0 : _g.textNode) === null || _h === void 0 ? void 0 : _h.setText(this.props.inactiveText || '');
+            }
+        }
+    }
+}
+//# sourceMappingURL=td-switch-core.js.map

package/dist/src/components/form/td-switch/widget/td-switch-core.js.map

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

package/dist/src/components/form/td-switch/widget/td-switch-left.d.ts

@@ -0,0 +1,8 @@
+import { TypeSpanProps, TypeSpan } from '@type-dom/framework';
+import { SwitchProps } from '../td-switch.interface';
+export declare class TdSwitchLeft extends TypeSpan {
+    className: 'TdSwitchLeft';
+    props: SwitchProps & TypeSpanProps;
+    constructor(params?: SwitchProps);
+}
+//# sourceMappingURL=td-switch-left.d.ts.map

package/dist/src/components/form/td-switch/widget/td-switch-left.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-switch-left.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-switch/widget/td-switch-left.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAQ,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAGpE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,qBAAa,YAAa,SAAQ,QAAQ;IACxC,SAAS,EAAE,cAAc,CAAC;IACjB,KAAK,EAAE,WAAW,GAAG,aAAa,CAAC;gBAEhC,MAAM,GAAE,WAAgB;CAwBrC"}

package/dist/src/components/form/td-switch/widget/td-switch-left.js

@@ -0,0 +1,23 @@
+import { Span, TypeSpan } from '@type-dom/framework';
+import { TdIcon } from '../../../basic/td-icon/td-icon.class';
+import { $switchLabel } from '../td-switch.style';
+export class TdSwitchLeft extends TypeSpan {
+    constructor(params = {}) {
+        super();
+        this.className = 'TdSwitchLeft';
+        this.attr.addName('switch-label');
+        this.style.addObj(Object.assign(Object.assign({}, $switchLabel), { marginRight: '10px' }));
+        if (params === null || params === void 0 ? void 0 : params.inactiveIcon) {
+            this.addChild(new TdIcon({
+                slot: params.inactiveIcon,
+            }));
+        }
+        if (!(params === null || params === void 0 ? void 0 : params.inactiveIcon) && (params === null || params === void 0 ? void 0 : params.inactiveText)) {
+            this.addChild(new Span({
+                slot: params.inactiveText,
+            }));
+        }
+        this.props = this.useParams(params);
+    }
+}
+//# sourceMappingURL=td-switch-left.js.map

package/dist/src/components/form/td-switch/widget/td-switch-left.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-switch-left.js","sourceRoot":"","sources":["../../../../../../src/components/form/td-switch/widget/td-switch-left.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,IAAI,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGlD,MAAM,OAAO,YAAa,SAAQ,QAAQ;IAIxC,YAAY,SAAsB,EAAE;QAClC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC;QAChC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAClC,IAAI,CAAC,KAAK,CAAC,MAAM,iCACZ,YAAY,KACf,WAAW,EAAE,MAAM,IACnB,CAAC;QACH,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,EAAE,CAAC;YACzB,IAAI,CAAC,QAAQ,CACX,IAAI,MAAM,CAAC;gBACT,IAAI,EAAE,MAAM,CAAC,YAAY;aAC1B,CAAC,CACH,CAAC;QACJ,CAAC;QACD,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,CAAA,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,CAAA,EAAE,CAAC;YAClD,IAAI,CAAC,QAAQ,CACX,IAAI,IAAI,CAAC;gBACP,IAAI,EAAE,MAAM,CAAC,YAAY;aAC1B,CAAC,CACH,CAAC;QACJ,CAAC;QACD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAgC,CAAC;IACrE,CAAC;CACF"}

package/dist/src/components/form/td-switch/widget/td-switch-right.d.ts

@@ -0,0 +1,8 @@
+import { TypeSpanProps, TypeSpan } from '@type-dom/framework';
+import { SwitchProps } from '../td-switch.interface';
+export declare class TdSwitchRight extends TypeSpan {
+    className: 'TdSwitchRight';
+    props: SwitchProps & TypeSpanProps;
+    constructor(params?: SwitchProps);
+}
+//# sourceMappingURL=td-switch-right.d.ts.map

package/dist/src/components/form/td-switch/widget/td-switch-right.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-switch-right.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-switch/widget/td-switch-right.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAQ,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAGpE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,qBAAa,aAAc,SAAQ,QAAQ;IACzC,SAAS,EAAE,eAAe,CAAC;IAClB,KAAK,EAAE,WAAW,GAAG,aAAa,CAAC;gBAEhC,MAAM,GAAE,WAAgB;CAwBrC"}

package/dist/src/components/form/td-switch/widget/td-switch-right.js

@@ -0,0 +1,22 @@
+import { Span, TypeSpan } from '@type-dom/framework';
+import { TdIcon } from '../../../basic/td-icon/td-icon.class';
+import { $switchLabel } from '../td-switch.style';
+export class TdSwitchRight extends TypeSpan {
+    constructor(params = {}) {
+        super();
+        this.className = 'TdSwitchRight';
+        this.style.addObj(Object.assign(Object.assign({}, $switchLabel), { marginLeft: '10px' }));
+        if (params === null || params === void 0 ? void 0 : params.activeIcon) {
+            this.addChild(new TdIcon({
+                slot: params.activeIcon,
+            }));
+        }
+        if (!(params === null || params === void 0 ? void 0 : params.activeIcon) && (params === null || params === void 0 ? void 0 : params.activeText)) {
+            this.addChild(new Span({
+                slot: params.activeText,
+            }));
+        }
+        this.props = this.useParams(params);
+    }
+}
+//# sourceMappingURL=td-switch-right.js.map

package/dist/src/components/form/td-switch/widget/td-switch-right.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-switch-right.js","sourceRoot":"","sources":["../../../../../../src/components/form/td-switch/widget/td-switch-right.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,IAAI,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGlD,MAAM,OAAO,aAAc,SAAQ,QAAQ;IAIzC,YAAY,SAAsB,EAAE;QAClC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,eAAe,CAAC;QACjC,IAAI,CAAC,KAAK,CAAC,MAAM,iCACZ,YAAY,KACf,UAAU,EAAE,MAAM,IAElB,CAAC;QACH,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,EAAE,CAAC;YACvB,IAAI,CAAC,QAAQ,CACX,IAAI,MAAM,CAAC;gBACT,IAAI,EAAE,MAAM,CAAC,UAAU;aACxB,CAAC,CACH,CAAC;QACJ,CAAC;QACD,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAA,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,CAAA,EAAE,CAAC;YAC9C,IAAI,CAAC,QAAQ,CACX,IAAI,IAAI,CAAC;gBACP,IAAI,EAAE,MAAM,CAAC,UAAU;aACxB,CAAC,CACH,CAAC;QACJ,CAAC;QACD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAgC,CAAC;IACrE,CAAC;CACF"}

package/dist/src/components/form/td-time-picker/common/picker-range-trigger.class.d.ts

@@ -0,0 +1,11 @@
+import { TypeDiv } from '@type-dom/framework';
+import { TimePickerRangeTriggerProps } from './props';
+export declare class PickerRangeTrigger extends TypeDiv {
+    className: 'PickerRangeTrigger';
+    props: TimePickerRangeTriggerProps;
+    focus?: () => void;
+    blur?: () => void;
+    constructor(params?: TimePickerRangeTriggerProps);
+    setup(): void;
+}
+//# sourceMappingURL=picker-range-trigger.class.d.ts.map

package/dist/src/components/form/td-time-picker/common/picker-range-trigger.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker-range-trigger.class.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-time-picker/common/picker-range-trigger.class.ts"],"names":[],"mappings":"AAKA,OAAO,EAAuB,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAInE,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAEtD,qBAAa,kBAAmB,SAAQ,OAAO;IAC7C,SAAS,EAAE,oBAAoB,CAAC;IACvB,KAAK,EAAE,2BAA2B,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;gBAEN,MAAM,GAAE,2BAAgC;IAO3C,KAAK;CA4Gf"}

package/dist/src/components/form/td-time-picker/common/picker-range-trigger.class.js

@@ -0,0 +1,109 @@
+// import { ref } from 'vue'
+// import { useAttrs, useFocusController, useNamespace } from '@element-plus/hooks'
+// import { timePickerRngeTriggerProps } from './props'
+// import type { CSSProperties } from 'vue'
+import { computed, signal } from '@type-dom/signals';
+import { defineExpose, Input, TypeDiv } from '@type-dom/framework';
+// import { useAttrs } from '../../../../hooks/use-attrs';
+import { useNamespace } from '../../../../hooks/use-namespace';
+import { useFocusController } from '../../../../hooks/use-focus-controller';
+export class PickerRangeTrigger extends TypeDiv {
+    constructor(params = {}) {
+        super();
+        this.className = 'PickerRangeTrigger';
+        this.props = this.useParams(params);
+    }
+    setup() {
+        var _a, _b, _c;
+        const props = this.props;
+        const emit = this.emit;
+        // const attrs = useAttrs();
+        const nsDate = useNamespace('date');
+        const nsRange = useNamespace('range');
+        const inputRef = signal();
+        const endInputRef = signal();
+        const { wrapperRef, isFocused } = useFocusController(inputRef); // todo
+        const handleClick = (evt) => {
+            emit('click', evt);
+        };
+        const handleMouseEnter = (evt) => {
+            emit('mouseenter', evt);
+        };
+        const handleMouseLeave = (evt) => {
+            emit('mouseleave', evt);
+        };
+        const handleTouchStart = (evt) => {
+            emit('mouseenter', evt);
+        };
+        const handleStartInput = (evt) => {
+            emit('startInput', evt);
+        };
+        const handleEndInput = (evt) => {
+            emit('endInput', evt);
+        };
+        const handleStartChange = (evt) => {
+            emit('startChange', evt);
+        };
+        const handleEndChange = (evt) => {
+            emit('endChange', evt);
+        };
+        const focus = () => {
+            var _a;
+            (_a = inputRef.get()) === null || _a === void 0 ? void 0 : _a.focus();
+        };
+        const blur = () => {
+            var _a, _b;
+            (_a = inputRef.get()) === null || _a === void 0 ? void 0 : _a.blur();
+            (_b = endInputRef.get()) === null || _b === void 0 ? void 0 : _b.blur();
+        };
+        defineExpose({
+            focus,
+            blur,
+        });
+        this.assignProps({
+            refDom: wrapperRef,
+            class: computed(() => [
+                nsDate.is('active', isFocused.get()) /* $attrs.class*/,
+            ]),
+            // styleObj:
+            events: {
+                click: handleClick,
+                mouseenter: handleMouseEnter,
+                mouseleave: handleMouseLeave,
+                touchstart: handleTouchStart, // todo passive
+            },
+        });
+        this.slotChildren((_a = props.slots) === null || _a === void 0 ? void 0 : _a.prefix);
+        this.addChild(new Input({
+            id: props.id && props.id[0],
+            refDom: inputRef,
+            // name: name && name[0], // todo
+            attrObj: {
+                placeholder: props.startPlaceholder,
+                value: props.modelValue && props.modelValue[0],
+                class: nsRange.b('input'),
+            },
+            events: {
+                input: handleStartInput,
+                change: handleStartChange,
+            },
+        }));
+        this.slotChildren((_b = props.slots) === null || _b === void 0 ? void 0 : _b.rangeSeparator);
+        this.addChild(new Input({
+            id: props.id && props.id[1],
+            refDom: endInputRef,
+            // name: name && name[1], // todo
+            attrObj: {
+                placeholder: props.endPlaceholder,
+                value: props.modelValue && props.modelValue[1],
+                class: nsRange.b('input'),
+            },
+            events: {
+                input: handleEndInput,
+                change: handleEndChange,
+            },
+        }));
+        this.slotChildren((_c = props.slots) === null || _c === void 0 ? void 0 : _c.suffix);
+    }
+}
+//# sourceMappingURL=picker-range-trigger.class.js.map

package/dist/src/components/form/td-time-picker/common/picker-range-trigger.class.js.map

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

package/dist/src/components/form/td-time-picker/common/picker.class.d.ts

@@ -0,0 +1,9 @@
+import { TypeFragment, TypeFragmentProps } from '@type-dom/framework';
+import { TimePickerDefaultProps } from './props';
+export declare class Picker extends TypeFragment {
+    className: 'Picker';
+    props: TimePickerDefaultProps & TypeFragmentProps;
+    constructor(params?: TimePickerDefaultProps);
+    setup(): void;
+}
+//# sourceMappingURL=picker.class.d.ts.map

package/dist/src/components/form/td-time-picker/common/picker.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker.class.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/td-time-picker/common/picker.class.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAUZ,iBAAiB,EAClB,MAAM,qBAAqB,CAAC;AAiB7B,OAAO,EAML,sBAAsB,EAEvB,MAAM,SAAS,CAAC;AAMjB,qBAAa,MAAO,SAAQ,YAAY;IACtC,SAAS,EAAE,QAAQ,CAAC;IACX,KAAK,EAAE,sBAAsB,GAAG,iBAAiB,CAAC;gBAE/C,MAAM,GAAE,sBAA2B;IAStC,KAAK;CAgnBf"}