duoyun-ui 2.2.3 → 2.2.8

package/elements/segmented.js

@@ -32,209 +32,21 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { adoptedStyle, aria, boolattribute, customElement, emitter, part, property, shadow, state, } from '@mantou/gem/lib/decorators';
-import { css, GemElement, html } from '@mantou/gem/lib/element';
-import { classMap, partMap, styleMap } from '@mantou/gem/lib/utils';
-import { commonHandle } from '../lib/hotkeys';
-import { theme } from '../lib/theme';
-import './use';
-const getAnchorName = (index) => `--anchor-${index}`;
-const style = css `
-  :host(:where(:not([hidden]))) {
-    display: flex;
-    cursor: default;
-    user-select: none;
-    font-size: 0.875em;
-    line-height: 1.2;
-    border-radius: ${theme.normalRound};
-    background: ${theme.hoverBackgroundColor};
-    --padding: 3px;
-    padding: var(--padding);
-    gap: var(--padding);
-    --inner-radius: max(calc(${theme.normalRound} - var(--padding)), ${theme.smallRound});
-    box-sizing: border-box;
-  }
-  :host([small]) {
-    font-size: 0.75em;
-  }
-  :host([disabled]) {
-    cursor: not-allowed;
-  }
-  :host([disabled]) .segment * {
-    opacity: 0.5;
-  }
-  .segment {
-    z-index: 0;
-    width: 0;
-    flex-grow: 1;
-    display: flex;
-    justify-content: center;
-    gap: 0.3em;
-    padding: calc(0.5em - var(--padding) + 1px) 1em;
-    border-radius: var(--inner-radius);
-    min-width: 5em;
-  }
-  :host(:where(:not([disabled], :state(animating)))) .segment:hover {
-    background: color-mix(in srgb, ${theme.hoverBackgroundColor}, currentColor 6%);
-    &:active {
-      background: color-mix(in srgb, ${theme.hoverBackgroundColor}, currentColor 10%);
-    }
-  }
-  :host .segment.current {
-    background: ${theme.backgroundColor};
-  }
-  :host(:not([disabled])) .segment.current {
-    box-shadow: ${theme.controlShadow};
-  }
-  .icon {
-    flex-shrink: 0;
-    width: 1.2em;
-  }
-  .label {
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
-  .marker {
-    display: none;
-  }
-  @supports (anchor-name: --foo) {
-    :host .segment.current {
-      background: none;
-      box-shadow: none;
-    }
-    :host(:not([disabled])) .segment.current {
-      box-shadow: none;
-    }
-    .marker {
-      display: block;
-      transition: inset 0.3s ${theme.timingFunction};
-      border-radius: var(--inner-radius);
-      position: absolute;
-      inset: anchor(top) anchor(right) anchor(bottom) anchor(left);
-      background: ${theme.backgroundColor};
-    }
-    :host(:not([disabled])) .marker {
-      box-shadow: ${theme.controlShadow};
-    }
-  }
-`;
+import { customElement } from '@mantou/gem/lib/decorators';
+import { TapSegmentedElement } from '@mantou/tap-ui/elements/segmented';
 let DuoyunSegmentedElement = (() => {
-    let _classDecorators = [customElement('dy-segmented'), adoptedStyle(style), shadow({ delegatesFocus: true }), aria({ role: 'group' })];
+    let _classDecorators = [customElement('dy-segmented')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = GemElement;
-    let _static_segment_decorators;
-    let _static_segment_initializers = [];
-    let _static_segment_extraInitializers = [];
-    let _static_icon_decorators;
-    let _static_icon_initializers = [];
-    let _static_icon_extraInitializers = [];
-    let _static_marker_decorators;
-    let _static_marker_initializers = [];
-    let _static_marker_extraInitializers = [];
-    let _static_current_decorators;
-    let _static_current_initializers = [];
-    let _static_current_extraInitializers = [];
-    let _disabled_decorators;
-    let _disabled_initializers = [];
-    let _disabled_extraInitializers = [];
-    let _small_decorators;
-    let _small_initializers = [];
-    let _small_extraInitializers = [];
-    let _animating_decorators;
-    let _animating_initializers = [];
-    let _animating_extraInitializers = [];
-    let _options_decorators;
-    let _options_initializers = [];
-    let _options_extraInitializers = [];
-    let _value_decorators;
-    let _value_initializers = [];
-    let _value_extraInitializers = [];
-    let _change_decorators;
-    let _change_initializers = [];
-    let _change_extraInitializers = [];
+    let _classSuper = TapSegmentedElement;
     var DuoyunSegmentedElement = class extends _classSuper {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _static_segment_decorators = [part];
-            _static_icon_decorators = [part];
-            _static_marker_decorators = [part];
-            _static_current_decorators = [part];
-            _disabled_decorators = [boolattribute];
-            _small_decorators = [boolattribute];
-            _animating_decorators = [state];
-            _options_decorators = [property];
-            _value_decorators = [property];
-            _change_decorators = [emitter];
-            __esDecorate(null, null, _static_segment_decorators, { kind: "field", name: "segment", static: true, private: false, access: { has: obj => "segment" in obj, get: obj => obj.segment, set: (obj, value) => { obj.segment = value; } }, metadata: _metadata }, _static_segment_initializers, _static_segment_extraInitializers);
-            __esDecorate(null, null, _static_icon_decorators, { kind: "field", name: "icon", static: true, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _static_icon_initializers, _static_icon_extraInitializers);
-            __esDecorate(null, null, _static_marker_decorators, { kind: "field", name: "marker", static: true, private: false, access: { has: obj => "marker" in obj, get: obj => obj.marker, set: (obj, value) => { obj.marker = value; } }, metadata: _metadata }, _static_marker_initializers, _static_marker_extraInitializers);
-            __esDecorate(null, null, _static_current_decorators, { kind: "field", name: "current", static: true, private: false, access: { has: obj => "current" in obj, get: obj => obj.current, set: (obj, value) => { obj.current = value; } }, metadata: _metadata }, _static_current_initializers, _static_current_extraInitializers);
-            __esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
-            __esDecorate(null, null, _small_decorators, { kind: "field", name: "small", static: false, private: false, access: { has: obj => "small" in obj, get: obj => obj.small, set: (obj, value) => { obj.small = value; } }, metadata: _metadata }, _small_initializers, _small_extraInitializers);
-            __esDecorate(null, null, _animating_decorators, { kind: "field", name: "animating", static: false, private: false, access: { has: obj => "animating" in obj, get: obj => obj.animating, set: (obj, value) => { obj.animating = value; } }, metadata: _metadata }, _animating_initializers, _animating_extraInitializers);
-            __esDecorate(null, null, _options_decorators, { kind: "field", name: "options", static: false, private: false, access: { has: obj => "options" in obj, get: obj => obj.options, set: (obj, value) => { obj.options = value; } }, metadata: _metadata }, _options_initializers, _options_extraInitializers);
-            __esDecorate(null, null, _value_decorators, { kind: "field", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
-            __esDecorate(null, null, _change_decorators, { kind: "field", name: "change", static: false, private: false, access: { has: obj => "change" in obj, get: obj => obj.change, set: (obj, value) => { obj.change = value; } }, metadata: _metadata }, _change_initializers, _change_extraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             DuoyunSegmentedElement = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        static segment = __runInitializers(_classThis, _static_segment_initializers, void 0);
-        static icon = (__runInitializers(_classThis, _static_segment_extraInitializers), __runInitializers(_classThis, _static_icon_initializers, void 0));
-        static marker = (__runInitializers(_classThis, _static_icon_extraInitializers), __runInitializers(_classThis, _static_marker_initializers, void 0));
-        static current = (__runInitializers(_classThis, _static_marker_extraInitializers), __runInitializers(_classThis, _static_current_initializers, void 0));
-        disabled = __runInitializers(this, _disabled_initializers, void 0);
-        small = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _small_initializers, void 0));
-        animating = (__runInitializers(this, _small_extraInitializers), __runInitializers(this, _animating_initializers, void 0));
-        options = (__runInitializers(this, _animating_extraInitializers), __runInitializers(this, _options_initializers, void 0));
-        value = (__runInitializers(this, _options_extraInitializers), __runInitializers(this, _value_initializers, void 0));
-        change = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _change_initializers, void 0));
-        #onClick = (__runInitializers(this, _change_extraInitializers), (v) => {
-            if (this.disabled)
-                return;
-            this.animating = true;
-            setTimeout(() => (this.animating = false), 300);
-            this.change(v);
-        });
-        render = () => {
-            if (!this.options)
-                return html ``;
-            const currentIndex = this.options.findIndex(({ value }, index) => (value ?? index) === this.value);
-            return html `
-      <span
-        v-if=${currentIndex !== -1}
-        class="marker"
-        part=${DuoyunSegmentedElement.marker}
-        style=${styleMap({ positionAnchor: getAnchorName(currentIndex) })}
-      ></span>
-      ${this.options.map(({ value, label, icon }, index) => {
-                return html `
-          <div
-            role="radio"
-            tabindex=${-Number(this.disabled)}
-            aria-disabled=${this.disabled}
-            style=${styleMap({ anchorName: getAnchorName(index) })}
-            class=${classMap({ segment: true, current: index === currentIndex })}
-            part=${partMap({
-                    [DuoyunSegmentedElement.segment]: true,
-                    [DuoyunSegmentedElement.current]: index === currentIndex,
-                })}
-            @keydown=${commonHandle}
-            @click=${() => this.#onClick(value ?? index)}
-          >
-            <dy-use v-if=${!!icon} part=${DuoyunSegmentedElement.icon} class="icon" .element=${icon}></dy-use>
-            <span class="label">${label}</span>
-          </div>
-        `;
-            })}
-    `;
-        };
-        static {
-            __runInitializers(_classThis, _static_current_extraInitializers);
             __runInitializers(_classThis, _classExtraInitializers);
         }
     };

package/elements/segmented.js.map

@@ -1 +1 @@
-{"version":3,"file":"segmented.js","sourceRoot":"","sources":["../src/elements/segmented.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"segmented.js","sourceRoot":"","sources":["../src/elements/segmented.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;IAK3D,sBAAsB;4BADlC,aAAa,CAAC,cAAc,CAAC;;;;sBACc,mBAAmB;sCAA3B,SAAQ,WAAmB;;;;YAA/D,6KAAkE;;;YAArD,uDAAsB;;;;;SAAtB,sBAAsB"}

package/elements/slider.d.ts

@@ -1,22 +1,4 @@
-import type { Emitter } from '@mantou/gem/lib/decorators';
-import { GemElement } from '@mantou/gem/lib/element';
-import './gesture';
-import './input';
-export declare class DuoyunSliderElement extends GemElement {
-    #private;
-    label: string;
-    orientation: 'horizontal' | 'vertical';
-    editable: boolean;
-    disabled: boolean;
-    value: number;
-    min: number;
-    max: number;
-    step: number;
-    change: Emitter<number>;
-    /**
-     * Slider drop
-     */
-    end: Emitter<number>;
-    render: () => import("@mantou/gem/lib/lit-html").TemplateResult;
+import { TapSliderElement } from '@mantou/tap-ui/elements/slider';
+export declare class DuoyunSliderElement extends TapSliderElement {
 }
 //# sourceMappingURL=slider.d.ts.map

package/elements/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../src/elements/slider.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAc1D,OAAO,EAA+B,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AASxF,OAAO,WAAW,CAAC;AACnB,OAAO,SAAS,CAAC;AA4EjB,qBAKa,mBAAoB,SAAQ,UAAU;;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAEnB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IAEZ,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACvC;;OAEG;IACM,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IA8F9B,MAAM,0DAsBJ;CACH"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../src/elements/slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAElE,qBACa,mBAAoB,SAAQ,gBAAgB;CAAG"}

package/elements/slider.js

@@ -1,4 +1,3 @@
-// https://spectrum.adobe.com/page/slider/
 var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
     function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
     var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
@@ -33,279 +32,23 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { createDecoratorTheme } from '@mantou/gem/helper/theme';
-import { adoptedStyle, aria, attribute, boolattribute, customElement, effect, emitter, globalemitter, mounted, numattribute, shadow, } from '@mantou/gem/lib/decorators';
-import { createRef, createState, css, GemElement, html } from '@mantou/gem/lib/element';
-import { addListener, classMap } from '@mantou/gem/lib/utils';
-import { hotkeys } from '../lib/hotkeys';
-import { clamp } from '../lib/number';
-import { focusStyle } from '../lib/styles';
-import { theme } from '../lib/theme';
-import './gesture';
-import './input';
-const elementTheme = createDecoratorTheme({ position: '', positionPoint: '' });
-const style = css `
-  :host(:where(:not([hidden]))) {
-    font-size: 0.875em;
-    inline-size: 15em;
-    --size: 1em;
-    --c: calc(var(--size) / 2 + 6px);
-    display: inline-flex;
-    align-items: center;
-    gap: 1em;
-    block-size: calc(2.2em + 2px);
-    border-radius: ${theme.normalRound};
-    box-sizing: border-box;
-    padding-inline: 2px;
-  }
-  :host([orientation='vertical']) {
-    writing-mode: vertical-lr;
-    transform: rotate(180deg);
-  }
-  .slider {
-    flex-grow: 1;
-    position: relative;
-    block-size: 2px;
-    border-radius: 1px;
-    background: radial-gradient(
-      circle at ${elementTheme.positionPoint},
-      transparent,
-      transparent var(--c),
-      ${theme.borderColor} var(--c)
-    );
-  }
-  .mark {
-    position: absolute;
-    inset-inline-start: ${elementTheme.position};
-    inset-block-start: 50%;
-    transform: translate(-50%, -50%);
-    border-radius: 10em;
-    box-sizing: border-box;
-    width: var(--size);
-    height: var(--size);
-    border: 2px solid ${theme.primaryColor};
-    transition: border-width 0.1s;
-    opacity: 0.8;
-  }
-  :host(:not([disabled])) .mark {
-    box-shadow: ${theme.controlShadow};
-  }
-  .mark:hover {
-    opacity: 1;
-  }
-  :host(:focus-visible) .mark,
-  .mark.start {
-    border-width: 5px;
-  }
-  :host([disabled]) .mark {
-    cursor: not-allowed;
-    background: ${theme.disabledColor};
-  }
-  .label,
-  .value {
-    position: absolute;
-    font-size: 0.875em;
-    inset-block-end: calc(50% + var(--size) / 2 + 0.5em);
-    color: ${theme.describeColor};
-  }
-  .value {
-    inset-inline-end: 0;
-  }
-  .input {
-    inline-size: 50px;
-  }
-`;
+import { customElement } from '@mantou/gem/lib/decorators';
+import { TapSliderElement } from '@mantou/tap-ui/elements/slider';
 let DuoyunSliderElement = (() => {
-    let _classDecorators = [customElement('dy-slider'), adoptedStyle(style), adoptedStyle(focusStyle), shadow(), aria({ focusable: true, role: 'slider' })];
+    let _classDecorators = [customElement('dy-slider')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = GemElement;
-    let _label_decorators;
-    let _label_initializers = [];
-    let _label_extraInitializers = [];
-    let _orientation_decorators;
-    let _orientation_initializers = [];
-    let _orientation_extraInitializers = [];
-    let _editable_decorators;
-    let _editable_initializers = [];
-    let _editable_extraInitializers = [];
-    let _disabled_decorators;
-    let _disabled_initializers = [];
-    let _disabled_extraInitializers = [];
-    let _value_decorators;
-    let _value_initializers = [];
-    let _value_extraInitializers = [];
-    let _min_decorators;
-    let _min_initializers = [];
-    let _min_extraInitializers = [];
-    let _max_decorators;
-    let _max_initializers = [];
-    let _max_extraInitializers = [];
-    let _step_decorators;
-    let _step_initializers = [];
-    let _step_extraInitializers = [];
-    let _change_decorators;
-    let _change_initializers = [];
-    let _change_extraInitializers = [];
-    let _end_decorators;
-    let _end_initializers = [];
-    let _end_extraInitializers = [];
-    let _private_init_decorators;
-    let _private_init_initializers = [];
-    let _private_init_extraInitializers = [];
-    let _private_updateState_decorators;
-    let _private_updateState_initializers = [];
-    let _private_updateState_extraInitializers = [];
-    let _private_theme_decorators;
-    let _private_theme_initializers = [];
-    let _private_theme_extraInitializers = [];
+    let _classSuper = TapSliderElement;
     var DuoyunSliderElement = class extends _classSuper {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _label_decorators = [attribute];
-            _orientation_decorators = [attribute];
-            _editable_decorators = [boolattribute];
-            _disabled_decorators = [boolattribute];
-            _value_decorators = [numattribute];
-            _min_decorators = [numattribute];
-            _max_decorators = [numattribute];
-            _step_decorators = [numattribute];
-            _change_decorators = [globalemitter];
-            _end_decorators = [emitter];
-            _private_init_decorators = [mounted()];
-            _private_updateState_decorators = [effect((i) => [i.value])];
-            _private_theme_decorators = [elementTheme()];
-            __esDecorate(null, null, _label_decorators, { kind: "field", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
-            __esDecorate(null, null, _orientation_decorators, { kind: "field", name: "orientation", static: false, private: false, access: { has: obj => "orientation" in obj, get: obj => obj.orientation, set: (obj, value) => { obj.orientation = value; } }, metadata: _metadata }, _orientation_initializers, _orientation_extraInitializers);
-            __esDecorate(null, null, _editable_decorators, { kind: "field", name: "editable", static: false, private: false, access: { has: obj => "editable" in obj, get: obj => obj.editable, set: (obj, value) => { obj.editable = value; } }, metadata: _metadata }, _editable_initializers, _editable_extraInitializers);
-            __esDecorate(null, null, _disabled_decorators, { kind: "field", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
-            __esDecorate(null, null, _value_decorators, { kind: "field", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
-            __esDecorate(null, null, _min_decorators, { kind: "field", name: "min", static: false, private: false, access: { has: obj => "min" in obj, get: obj => obj.min, set: (obj, value) => { obj.min = value; } }, metadata: _metadata }, _min_initializers, _min_extraInitializers);
-            __esDecorate(null, null, _max_decorators, { kind: "field", name: "max", static: false, private: false, access: { has: obj => "max" in obj, get: obj => obj.max, set: (obj, value) => { obj.max = value; } }, metadata: _metadata }, _max_initializers, _max_extraInitializers);
-            __esDecorate(null, null, _step_decorators, { kind: "field", name: "step", static: false, private: false, access: { has: obj => "step" in obj, get: obj => obj.step, set: (obj, value) => { obj.step = value; } }, metadata: _metadata }, _step_initializers, _step_extraInitializers);
-            __esDecorate(null, null, _change_decorators, { kind: "field", name: "change", static: false, private: false, access: { has: obj => "change" in obj, get: obj => obj.change, set: (obj, value) => { obj.change = value; } }, metadata: _metadata }, _change_initializers, _change_extraInitializers);
-            __esDecorate(null, null, _end_decorators, { kind: "field", name: "end", static: false, private: false, access: { has: obj => "end" in obj, get: obj => obj.end, set: (obj, value) => { obj.end = value; } }, metadata: _metadata }, _end_initializers, _end_extraInitializers);
-            __esDecorate(null, null, _private_init_decorators, { kind: "field", name: "#init", static: false, private: true, access: { has: obj => #init in obj, get: obj => obj.#init, set: (obj, value) => { obj.#init = value; } }, metadata: _metadata }, _private_init_initializers, _private_init_extraInitializers);
-            __esDecorate(null, null, _private_updateState_decorators, { kind: "field", name: "#updateState", static: false, private: true, access: { has: obj => #updateState in obj, get: obj => obj.#updateState, set: (obj, value) => { obj.#updateState = value; } }, metadata: _metadata }, _private_updateState_initializers, _private_updateState_extraInitializers);
-            __esDecorate(null, null, _private_theme_decorators, { kind: "field", name: "#theme", static: false, private: true, access: { has: obj => #theme in obj, get: obj => obj.#theme, set: (obj, value) => { obj.#theme = value; } }, metadata: _metadata }, _private_theme_initializers, _private_theme_extraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             DuoyunSliderElement = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
-        label = __runInitializers(this, _label_initializers, void 0);
-        orientation = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _orientation_initializers, void 0));
-        editable = (__runInitializers(this, _orientation_extraInitializers), __runInitializers(this, _editable_initializers, void 0));
-        disabled = (__runInitializers(this, _editable_extraInitializers), __runInitializers(this, _disabled_initializers, void 0));
-        value = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _value_initializers, void 0));
-        min = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _min_initializers, void 0));
-        max = (__runInitializers(this, _min_extraInitializers), __runInitializers(this, _max_initializers, void 0));
-        step = (__runInitializers(this, _max_extraInitializers), __runInitializers(this, _step_initializers, void 0));
-        change = (__runInitializers(this, _step_extraInitializers), __runInitializers(this, _change_initializers, void 0));
-        /**
-         * Slider drop
-         */
-        end = (__runInitializers(this, _change_extraInitializers), __runInitializers(this, _end_initializers, void 0));
-        #sliderRef = (__runInitializers(this, _end_extraInitializers), createRef());
-        get #orientation() {
-            return this.orientation || 'horizontal';
-        }
-        get #isVertical() {
-            return this.#orientation === 'vertical';
-        }
-        get #max() {
-            return this.attributes.max ? this.max : 100;
-        }
-        get #step() {
-            return this.step || 1;
-        }
-        get #diff() {
-            return this.#max - this.min;
-        }
-        #state = createState({
-            position: 0,
-            displayPosition: 0,
-            start: false,
-        });
-        #getValue = (precisionValue) => {
-            const remainder = precisionValue % this.#step;
-            const rest = Math.round(remainder / this.#step) * this.#step;
-            return precisionValue - remainder + rest;
-        };
-        #onPan = ({ detail, target }) => {
-            if (this.disabled)
-                return;
-            const { width, height } = this.#sliderRef.value.getBoundingClientRect();
-            const { left, right, top, bottom, width: w, height: h } = target.getBoundingClientRect();
-            const isV = this.#isVertical;
-            const totalLength = isV ? height - h : width - w;
-            const center = (isV ? top + bottom : left + right) / 2;
-            const current = isV ? detail.clientY : detail.clientX;
-            const movement = isV ? detail.y : detail.x;
-            if (movement < 0 && current > center)
-                return;
-            if (movement > 0 && current < center)
-                return;
-            const position = clamp(0, this.#state.position + ((isV ? -1 : 1) * movement) / totalLength, 1);
-            const precisionValue = position * this.#diff;
-            const value = this.#getValue(precisionValue);
-            this.#state({ position });
-            this.change(value);
-        };
-        #onEnd = () => {
-            this.#state({ start: false });
-            this.end(this.value);
-        };
-        #setPrecisionValue = (precisionValue) => {
-            const value = this.#getValue(clamp(this.min, precisionValue, this.#max));
-            const position = value / this.#diff;
-            this.#state({ position, displayPosition: position });
-            this.change(value);
-        };
-        #onKeydown = hotkeys({
-            up: () => this.#setPrecisionValue(this.value + this.#step),
-            down: () => this.#setPrecisionValue(this.value - this.#step),
-        });
-        #onInputChange = (evt) => {
-            evt.stopPropagation();
-            this.#setPrecisionValue(evt.detail);
-        };
-        #init = __runInitializers(this, _private_init_initializers, () => addListener(this, 'keydown', this.#onKeydown));
-        #updateState = (__runInitializers(this, _private_init_extraInitializers), __runInitializers(this, _private_updateState_initializers, () => {
-            this.internals.ariaValueText = String(this.value);
-            const position = this.#getValue(clamp(this.min, this.value, this.#max)) / this.#diff;
-            this.#state({ position, displayPosition: position });
-        }));
-        #theme = (__runInitializers(this, _private_updateState_extraInitializers), __runInitializers(this, _private_theme_initializers, () => {
-            const { displayPosition } = this.#state;
-            const position = `calc(var(--size) / 2 + calc(100% - var(--size)) * ${displayPosition})`;
-            return { position, positionPoint: `${this.#isVertical ? '0 ' : ''}${position}` };
-        }));
-        render = (__runInitializers(this, _private_theme_extraInitializers), () => {
-            return html `
-      <div ${this.#sliderRef} class="slider">
-        <dy-gesture
-          class=${classMap({ mark: true, start: this.#state.start })}
-          @pan=${this.#onPan}
-          @pointerdown=${() => !this.disabled && this.#state({ start: true })}
-          @end=${this.#onEnd}
-        ></dy-gesture>
-        <div v-if=${!!this.label} class="label">${this.label}</div>
-        <div v-if=${!!this.label} class="value">${this.value}</div>
-      </div>
-      <dy-input
-        v-if=${this.editable}
-        ?disabled=${this.disabled}
-        class="input"
-        type="number"
-        step=${this.step}
-        value=${String(this.value)}
-        @change=${this.#onInputChange}
-      ></dy-input>
-    `;
-        });
     };
     return DuoyunSliderElement = _classThis;
 })();

package/elements/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sourceRoot":"","sources":["../src/elements/slider.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../src/elements/slider.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;IAGrD,mBAAmB;4BAD/B,aAAa,CAAC,WAAW,CAAC;;;;sBACc,gBAAgB;mCAAxB,SAAQ,WAAgB;;;;YAAzD,6KAA4D;;;YAA/C,uDAAmB;;;;;SAAnB,mBAAmB"}

package/elements/sort-box.d.ts

@@ -9,8 +9,7 @@ export declare class DuoyunSortBoxElement extends GemElement {
     #private;
     sort: Emitter<SortEventDetail>;
 }
-export declare class DuoyunSortItemElement extends DuoyunGestureElement {
-    handle: boolean;
+export declare class DuoyunSortItemElement extends GemElement {
 }
 export declare class DuoyunSortHandleElement extends DuoyunGestureElement {
 }

package/elements/sort-box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sort-box.d.ts","sourceRoot":"","sources":["../src/elements/sort-box.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8C,KAAK,OAAO,EAAoB,MAAM,4BAA4B,CAAC;AACxH,OAAO,EAAO,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAM1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAiBjD,MAAM,MAAM,eAAe,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D,qBAGa,oBAAqB,SAAQ,UAAU;;IACzC,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CA+CzC;AAED,qBACa,qBAAsB,SAAQ,oBAAoB;IAC9C,MAAM,EAAE,OAAO,CAAC;CAChC;AAED,qBACa,uBAAwB,SAAQ,oBAAoB;CAAG"}
+{"version":3,"file":"sort-box.d.ts","sourceRoot":"","sources":["../src/elements/sort-box.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,OAAO,EAAoB,MAAM,4BAA4B,CAAC;AACzG,OAAO,EAAO,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAM1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAgBjD,MAAM,MAAM,eAAe,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D,qBAGa,oBAAqB,SAAQ,UAAU;;IACzC,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CA6CzC;AAED,qBACa,qBAAsB,SAAQ,UAAU;CAAG;AAExD,qBACa,uBAAwB,SAAQ,oBAAoB;CAAG"}

package/elements/sort-box.js

@@ -32,21 +32,20 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { adoptedStyle, boolattribute, customElement, emitter, mounted } from '@mantou/gem/lib/decorators';
+import { adoptedStyle, customElement, emitter, mounted } from '@mantou/gem/lib/decorators';
 import { css, GemElement } from '@mantou/gem/lib/element';
 import { addListener } from '@mantou/gem/lib/utils';
 import { blockContainer } from '../lib/styles';
 import { theme } from '../lib/theme';
 import { DuoyunGestureElement } from './gesture';
 const style = css `
-  :where(dy-sort-item[handle], dy-sort-handle):state(grabbing) {
+  dy-sort-handle:state(grabbing) {
     cursor: grabbing;
 
     * {
       pointer-events: none;
     }
   }
-  dy-sort-item[handle]:state(grabbing),
   dy-sort-item:has(:state(grabbing)) {
     position: relative;
     z-index: ${theme.popupZIndex};
@@ -85,7 +84,7 @@ let DuoyunSortBoxElement = (() => {
         #listen = () => {
             this.#removeListeners();
             const items = [...this.querySelectorAll('dy-sort-item')];
-            const handles = items.map((item) => item.handle ? item : item.querySelector('dy-sort-handle'));
+            const handles = items.map((item) => item.querySelector('dy-sort-handle'));
             this.#listeners = handles.map((e, index) => {
                 if (!e)
                     return;
@@ -130,26 +129,16 @@ let DuoyunSortItemElement = (() => {
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = DuoyunGestureElement;
-    let _handle_decorators;
-    let _handle_initializers = [];
-    let _handle_extraInitializers = [];
+    let _classSuper = GemElement;
     var DuoyunSortItemElement = class extends _classSuper {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _handle_decorators = [boolattribute];
-            __esDecorate(null, null, _handle_decorators, { kind: "field", name: "handle", static: false, private: false, access: { has: obj => "handle" in obj, get: obj => obj.handle, set: (obj, value) => { obj.handle = value; } }, metadata: _metadata }, _handle_initializers, _handle_extraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             DuoyunSortItemElement = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
-        handle = __runInitializers(this, _handle_initializers, void 0);
-        constructor() {
-            super(...arguments);
-            __runInitializers(this, _handle_extraInitializers);
-        }
     };
     return DuoyunSortItemElement = _classThis;
 })();