duoyun-ui 0.0.2

package/elements/image-preview.d.ts

@@ -0,0 +1,26 @@
+import { GemElement } from '@mantou/gem';
+import '@mantou/gem/elements/use';
+declare type State = {
+    previewUrl: string;
+};
+declare type Action = {
+    icon: string | Element | DocumentFragment;
+    handle: () => void;
+};
+export declare type ImageStatus = 'negative' | 'positive' | 'detault';
+/**
+ * @customElement dy-image-preview
+ */
+export declare class DuoyunImagePreviewElement extends GemElement<State> {
+    #private;
+    status: ImageStatus;
+    /**0-100 */
+    progress: number;
+    file?: File;
+    actions?: Action[];
+    state: State;
+    mounted: () => void;
+    render: () => import("@mantou/gem").TemplateResult | undefined;
+}
+export {};
+//# sourceMappingURL=image-preview.d.ts.map

package/elements/image-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-preview.d.ts","sourceRoot":"","sources":["../src/elements/image-preview.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAUX,MAAM,aAAa,CAAC;AAOrB,OAAO,0BAA0B,CAAC;AAuDlC,aAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,aAAK,MAAM,GAAG;IACZ,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,gBAAgB,CAAC;IAC1C,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,oBAAY,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;AAE9D;;GAEG;AACH,qBAEa,yBAA0B,SAAQ,UAAU,CAAC,KAAK,CAAC;;IACnD,MAAM,EAAE,WAAW,CAAC;IAC/B,WAAW;IACG,QAAQ,EAAE,MAAM,CAAC;IAErB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAmB7B,KAAK,EAAE,KAAK,CAEV;IAEF,OAAO,aAeL;IAEF,MAAM,yDAmDJ;CACH"}

package/elements/image-preview.js

@@ -0,0 +1,172 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _DuoyunImagePreviewElement_instances, _DuoyunImagePreviewElement_status_get, _DuoyunImagePreviewElement_color_get, _DuoyunImagePreviewElement_icon_get;
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, property, attribute, numattribute, styleMap, } from '@mantou/gem';
+import { theme, getSemanticColor } from '../lib/theme';
+import { compressionImage } from '../lib/image';
+import { icons } from '../lib/icons';
+import { commonHandle } from '../lib/hotkeys';
+import '@mantou/gem/elements/use';
+const style = createCSSSheet(css `
+  :host {
+    --color: initial;
+    position: relative;
+    aspect-ratio: 1;
+    background: conic-gradient(
+        transparent 0.25turn,
+        #d3cfcf 0.25turn 0.5turn,
+        transparent 0.5turn 0.75turn,
+        #d3cfcf 0.75turn
+      )
+      top left / 1.2em 1.2em repeat;
+  }
+  :host,
+  .mask {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  :host(:not(:hover)) .mask:not(.status) {
+    display: none;
+  }
+  .preview,
+  .mask {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+  .desc {
+    position: relative;
+    color: ${theme.backgroundColor};
+    background: var(--color);
+    border-radius: 10em;
+    padding: 0 0.5em;
+    line-height: 1.5;
+  }
+  .mask {
+    background-color: rgba(0, 0, 0, calc(${theme.maskAlpha} + 0.4));
+  }
+  .icon {
+    width: 1.5em;
+    color: ${theme.backgroundColor};
+  }
+  .mask:not(.status) .icon {
+    cursor: pointer;
+  }
+  .status .icon {
+    color: var(--color);
+  }
+`);
+/**
+ * @customElement dy-image-preview
+ */
+let DuoyunImagePreviewElement = class DuoyunImagePreviewElement extends GemElement {
+    constructor() {
+        super(...arguments);
+        _DuoyunImagePreviewElement_instances.add(this);
+        this.state = {
+            previewUrl: '',
+        };
+        this.mounted = () => {
+            const dimension = 64 * window.devicePixelRatio;
+            this.effect(async () => {
+                if (this.file) {
+                    const previewUrl = await compressionImage(this.file, { dimension: { width: dimension, height: dimension } }, { type: 'url', aspectRatio: 1 });
+                    this.setState({ previewUrl });
+                }
+            }, () => [this.file]);
+        };
+        this.render = () => {
+            if (!this.file)
+                return;
+            const { previewUrl } = this.state;
+            const color = this.progress ? theme.informativeColor : __classPrivateFieldGet(this, _DuoyunImagePreviewElement_instances, "a", _DuoyunImagePreviewElement_color_get);
+            return html `
+      ${color
+                ? html `
+            <style>
+              :host {
+                --color: ${color} !important;
+              }
+            </style>
+          `
+                : ''}
+      ${previewUrl ? html `<img class="preview" alt=${this.file.name} src=${previewUrl}></img>` : ''}
+      ${this.progress
+                ? html `
+            <div
+              class="mask status"
+              style=${styleMap({
+                    opacity: '0.4',
+                    background: `linear-gradient(to top, ${color} ${this.progress}%, transparent ${this.progress}%);`,
+                })}
+            ></div>
+            <div class="desc" role="progressbar">${Math.floor(this.progress)}%</div>
+          `
+                : __classPrivateFieldGet(this, _DuoyunImagePreviewElement_instances, "a", _DuoyunImagePreviewElement_status_get) !== 'detault'
+                    ? html `
+            <div class="mask status">
+              <gem-use class="icon" .element=${__classPrivateFieldGet(this, _DuoyunImagePreviewElement_instances, "a", _DuoyunImagePreviewElement_icon_get)}></gem-use>
+            </div>
+          `
+                    : this.actions
+                        ? html `
+            <div class="mask">
+              ${this.actions.map(({ icon, handle }) => html `
+                  <gem-use
+                    class="icon"
+                    .element=${icon}
+                    role="button"
+                    tabindex="0"
+                    @keydown=${commonHandle}
+                    @click=${() => handle()}
+                  ></gem-use>
+                `)}
+            </div>
+          `
+                        : ''}
+    `;
+        };
+    }
+};
+_DuoyunImagePreviewElement_instances = new WeakSet(), _DuoyunImagePreviewElement_status_get = function _DuoyunImagePreviewElement_status_get() {
+    return this.status || 'detault';
+}, _DuoyunImagePreviewElement_color_get = function _DuoyunImagePreviewElement_color_get() {
+    return getSemanticColor(__classPrivateFieldGet(this, _DuoyunImagePreviewElement_instances, "a", _DuoyunImagePreviewElement_status_get));
+}, _DuoyunImagePreviewElement_icon_get = function _DuoyunImagePreviewElement_icon_get() {
+    switch (__classPrivateFieldGet(this, _DuoyunImagePreviewElement_instances, "a", _DuoyunImagePreviewElement_status_get)) {
+        case 'negative':
+            return icons.close;
+        case 'positive':
+            return icons.check;
+    }
+};
+__decorate([
+    attribute
+], DuoyunImagePreviewElement.prototype, "status", void 0);
+__decorate([
+    numattribute
+], DuoyunImagePreviewElement.prototype, "progress", void 0);
+__decorate([
+    property
+], DuoyunImagePreviewElement.prototype, "file", void 0);
+__decorate([
+    property
+], DuoyunImagePreviewElement.prototype, "actions", void 0);
+DuoyunImagePreviewElement = __decorate([
+    customElement('dy-image-preview'),
+    adoptedStyle(style)
+], DuoyunImagePreviewElement);
+export { DuoyunImagePreviewElement };
+//# sourceMappingURL=image-preview.js.map

package/elements/image-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-preview.js","sourceRoot":"","sources":["../src/elements/image-preview.ts"],"names":[],"mappings":"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"}

package/elements/input-capture.d.ts

@@ -0,0 +1,17 @@
+import { GemElement } from '@mantou/gem';
+import './paragraph';
+declare type State = {
+    keys: string[];
+    mousePosition: number[] | null;
+};
+/**
+ * @customElement dy-input-capture
+ */
+export declare class DuoyunInputCaptureElement extends GemElement<State> {
+    #private;
+    state: State;
+    mounted: () => void;
+    render: () => import("@mantou/gem").TemplateResult;
+}
+export {};
+//# sourceMappingURL=input-capture.d.ts.map

package/elements/input-capture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-capture.d.ts","sourceRoot":"","sources":["../src/elements/input-capture.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA0D,MAAM,aAAa,CAAC;AAMjG,OAAO,aAAa,CAAC;AAkCrB,aAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,aAAa,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CAChC,CAAC;AAEF;;GAEG;AACH,qBAEa,yBAA0B,SAAQ,UAAU,CAAC,KAAK,CAAC;;IAC9D,KAAK,EAAE,KAAK,CAGV;IAeF,OAAO,aAaL;IAEF,MAAM,6CAmBJ;CACH"}

package/elements/input-capture.js

@@ -0,0 +1,111 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _DuoyunInputCaptureElement_onClear, _DuoyunInputCaptureElement_onKeydown, _DuoyunInputCaptureElement_onPointerdown, _DuoyunInputCaptureElement_onPointermove, _DuoyunInputCaptureElement_onPointerup;
+import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement } from '@mantou/gem';
+import { theme } from '../lib/theme';
+import { getDisplayKey } from '../lib/hotkeys';
+import { throttle } from '../lib/utils';
+import './paragraph';
+const style = createCSSSheet(css `
+  :host {
+    display: contents;
+  }
+  .container,
+  .circle {
+    position: fixed;
+    z-index: 9999999999999;
+    pointer-events: none;
+  }
+  .container {
+    font-size: 4em;
+    left: 0;
+    right: 0;
+    bottom: 2em;
+    text-align: center;
+    white-space: nowrap;
+    background: rgba(0, 0, 0, calc(${theme.maskAlpha} + 0.4));
+  }
+  .kbd {
+    background: transparent;
+    color: white;
+  }
+  .circle {
+    border: 2px solid red;
+    border-radius: 10em;
+    width: 2.5em;
+    aspect-ratio: 1;
+    transform: translate(-50%, -50%);
+  }
+`);
+/**
+ * @customElement dy-input-capture
+ */
+let DuoyunInputCaptureElement = class DuoyunInputCaptureElement extends GemElement {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            keys: [],
+            mousePosition: null,
+        };
+        _DuoyunInputCaptureElement_onClear.set(this, throttle(() => {
+            this.setState({ keys: [] });
+        }, 1000));
+        _DuoyunInputCaptureElement_onKeydown.set(this, (evt) => {
+            this.setState({ keys: [...this.state.keys, getDisplayKey(evt.code)] });
+            __classPrivateFieldGet(this, _DuoyunInputCaptureElement_onClear, "f").call(this);
+        });
+        _DuoyunInputCaptureElement_onPointerdown.set(this, (evt) => this.setState({ mousePosition: [evt.clientX, evt.clientY] }));
+        _DuoyunInputCaptureElement_onPointermove.set(this, (evt) => this.state.mousePosition && __classPrivateFieldGet(this, _DuoyunInputCaptureElement_onPointerdown, "f").call(this, evt));
+        _DuoyunInputCaptureElement_onPointerup.set(this, () => this.setState({ mousePosition: null }));
+        this.mounted = () => {
+            addEventListener('keydown', __classPrivateFieldGet(this, _DuoyunInputCaptureElement_onKeydown, "f"), { capture: true });
+            addEventListener('pointerdown', __classPrivateFieldGet(this, _DuoyunInputCaptureElement_onPointerdown, "f"), { capture: true });
+            addEventListener('pointermove', __classPrivateFieldGet(this, _DuoyunInputCaptureElement_onPointermove, "f"), { capture: true });
+            addEventListener('pointerup', __classPrivateFieldGet(this, _DuoyunInputCaptureElement_onPointerup, "f"), { capture: true });
+            addEventListener('pointercancel', __classPrivateFieldGet(this, _DuoyunInputCaptureElement_onPointerup, "f"), { capture: true });
+            () => {
+                removeEventListener('keydown', __classPrivateFieldGet(this, _DuoyunInputCaptureElement_onKeydown, "f"), { capture: true });
+                removeEventListener('pointerdown', __classPrivateFieldGet(this, _DuoyunInputCaptureElement_onPointerdown, "f"), { capture: true });
+                removeEventListener('pointermove', __classPrivateFieldGet(this, _DuoyunInputCaptureElement_onPointermove, "f"), { capture: true });
+                removeEventListener('pointerup', __classPrivateFieldGet(this, _DuoyunInputCaptureElement_onPointerup, "f"), { capture: true });
+                removeEventListener('pointercancel', __classPrivateFieldGet(this, _DuoyunInputCaptureElement_onPointerup, "f"), { capture: true });
+            };
+        };
+        this.render = () => {
+            const { keys, mousePosition } = this.state;
+            return html `
+      ${keys.length
+                ? html `<dy-paragraph class="container">${keys.map((key) => html `<kbd class="kbd">${key}</kbd>`)}</dy-paragraph>`
+                : ''}
+      ${mousePosition
+                ? html `
+            <div class="circle">
+              <style>
+                .circle {
+                  left: ${mousePosition[0]}px;
+                  top: ${mousePosition[1]}px;
+                }
+              </style>
+            </div>
+          `
+                : ''}
+    `;
+        };
+    }
+};
+_DuoyunInputCaptureElement_onClear = new WeakMap(), _DuoyunInputCaptureElement_onKeydown = new WeakMap(), _DuoyunInputCaptureElement_onPointerdown = new WeakMap(), _DuoyunInputCaptureElement_onPointermove = new WeakMap(), _DuoyunInputCaptureElement_onPointerup = new WeakMap();
+DuoyunInputCaptureElement = __decorate([
+    customElement('dy-input-capture'),
+    adoptedStyle(style)
+], DuoyunInputCaptureElement);
+export { DuoyunInputCaptureElement };
+//# sourceMappingURL=input-capture.js.map

package/elements/input-capture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-capture.js","sourceRoot":"","sources":["../src/elements/input-capture.ts"],"names":[],"mappings":"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"}

package/elements/input.d.ts

@@ -0,0 +1,51 @@
+import { Emitter, GemElement, RefObject, TemplateResult } from '@mantou/gem';
+import '@mantou/gem/elements/use';
+declare type DataListItem = {
+    label: string | TemplateResult;
+    value?: any;
+};
+export declare type DataList = DataListItem[];
+/**
+ * @customElement dy-input
+ * @attr value
+ * @attr type
+ * @attr disabled
+ * @attr autofocus
+ * @attr rows
+ * @attr step
+ * @attr min
+ * @attr max
+ */
+export declare class DuoyunInputElement extends GemElement {
+    #private;
+    inputRef: RefObject<HTMLInputElement>;
+    change: Emitter<string>;
+    clear: Emitter<string>;
+    value: string;
+    type: 'search' | 'text' | 'textarea' | 'password' | 'number';
+    placeholder: string;
+    spellcheck: boolean;
+    required: boolean;
+    disabled: boolean;
+    autofocus: boolean;
+    clearable: boolean;
+    rows: number;
+    step: number;
+    min: number;
+    max: number;
+    dataList?: DataList;
+    icon?: string | Element | DocumentFragment;
+    filled: boolean;
+    mounted: () => void;
+    render(): TemplateResult;
+    focus: () => void;
+    blur: () => void;
+}
+/**
+ * @customElement dy-input-group
+ */
+export declare class DuoyunInputGroupElement extends GemElement {
+    constructor();
+}
+export {};
+//# sourceMappingURL=input.d.ts.map

package/elements/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../src/elements/input.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,OAAO,EACP,UAAU,EAKV,SAAS,EAGT,cAAc,EACf,MAAM,aAAa,CAAC;AAMrB,OAAO,0BAA0B,CAAC;AAElC,aAAK,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;IAAC,KAAK,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC;AACpE,oBAAY,QAAQ,GAAG,YAAY,EAAE,CAAC;AAyEtC;;;;;;;;;;GAUG;AACH,qBAEa,kBAAmB,SAAQ,UAAU;;IACrC,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAClC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAC9B,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAErB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC7D,WAAW,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IAEhB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,gBAAgB,CAAC;IAE9C,MAAM,EAAE,OAAO,CAAC;IAoGvB,OAAO,aAoBL;IAEF,MAAM;IA4DN,KAAK,aAEH;IAEF,IAAI,aAIF;CACH;AA0BD;;GAEG;AACH,qBAEa,uBAAwB,SAAQ,UAAU;;CAKtD"}