duoyun-ui 0.0.2 → 0.0.3

package/elements/date-panel.js

@@ -9,93 +9,76 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     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 __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var _DuoyunDatePanelElement_instances, _DuoyunDatePanelElement_currentD_get, _DuoyunDatePanelElement_dates, _DuoyunDatePanelElement_increaseView, _DuoyunDatePanelElement_isHighlight, _DuoyunDatePanelElement_initState, _DuoyunDatePanelElement_onSubmit;
-import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, property, emitter, classMap, } from '@mantou/gem';
+var _DuoyunDatePanelElement_instances, _DuoyunDatePanelElement_currentPosition_get, _DuoyunDatePanelElement_highlights_get, _DuoyunDatePanelElement_increaseView, _DuoyunDatePanelElement_initState, _DuoyunDatePanelElement_onChange, _DuoyunDatePanelElement_onTimeChange;
+import { adoptedStyle, customElement, emitter, globalemitter, property, boolattribute, } from '@mantou/gem/lib/decorators';
+import { GemElement, html } from '@mantou/gem/lib/element';
+import { createCSSSheet, css } from '@mantou/gem/lib/utils';
+import { isNotNullish } from '../lib/types';
 import { theme } from '../lib/theme';
 import { Time } from '../lib/time';
 import { icons } from '../lib/icons';
+import { commonHandle } from '../lib/hotkeys';
 import '@mantou/gem/elements/use';
+import './calendar';
+import './divider';
+import './time-panel';
 const style = createCSSSheet(css `
   :host {
     font-size: 0.875em;
-    display: grid;
-    gap: 1px 0;
-    grid-template-columns: repeat(7, minmax(0, 1fr));
+    display: flex;
     border: 1px solid ${theme.borderColor};
     border-radius: ${theme.normalRound};
+    gap: 0.5em;
+  }
+  .datepanel {
+    width: 0;
+    flex-grow: 20;
   }
   .head {
-    grid-area: 1 / 1 / 2 / 8;
+    aspect-ratio: 7 / 1;
     display: flex;
     align-items: center;
     justify-content: center;
-    padding: 0.5em 0.3em;
   }
   .current {
     flex-grow: 1;
     text-align: center;
   }
-  gem-use {
+  .button {
     max-width: 10%;
   }
-  .day,
-  .weekday {
-    aspect-ratio: 1 / 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-  .weekday {
-    border-block-end: 1px solid ${theme.lightBackgroundColor};
-  }
-  .other {
-    opacity: 0.2;
-  }
-  :where(.day, gem-use):where(:hover) {
+  .button:hover {
     background-color: ${theme.hoverBackgroundColor};
   }
-  .today {
-    position: relative;
-  }
-  .today::before,
-  .today::after {
-    content: '';
-    position: absolute;
-    border-radius: inherit;
-    border: 1px solid ${theme.backgroundColor};
+  .calendar {
+    gap: 3px 1px;
   }
-  .today::before {
-    inset: 2px;
+  .separate {
+    color: ${theme.lightBackgroundColor};
+    margin-inline: 0.5em;
   }
-  .today::after {
-    border-color: ${theme.primaryColor};
-    inset: 0;
-  }
-  .check,
-  .highlight {
-    background-color: ${theme.primaryColor};
-    color: ${theme.backgroundColor};
+  .timepanelwrap {
+    width: 0;
+    flex-grow: 10;
+    display: flex;
+    flex-direction: column;
   }
-  .start {
-    border-start-start-radius: 10em;
-    border-end-start-radius: 10em;
+  .time {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 3em;
   }
-  .stop {
-    border-start-end-radius: 10em;
-    border-end-end-radius: 10em;
+  .timepanel {
+    height: 0;
+    flex-grow: 1;
   }
 `);
 /**
  * @customElement dy-date-panel
+ * @attr time
  * @fires change
- * @fires change-view
- * @fires enterdate
+ * @fires datehover
  */
 let DuoyunDatePanelElement = class DuoyunDatePanelElement extends GemElement {
     constructor() {
@@ -105,95 +88,107 @@ let DuoyunDatePanelElement = class DuoyunDatePanelElement extends GemElement {
             year: 0,
             month: 0,
         };
-        _DuoyunDatePanelElement_dates.set(this, void 0);
         _DuoyunDatePanelElement_increaseView.set(this, (number) => {
-            const date = __classPrivateFieldGet(this, _DuoyunDatePanelElement_instances, "a", _DuoyunDatePanelElement_currentD_get).add(number, 'M');
-            __classPrivateFieldGet(this, _DuoyunDatePanelElement_initState, "f").call(this, date);
-            this.changeView(date.valueOf());
-        });
-        _DuoyunDatePanelElement_isHighlight.set(this, (date) => {
-            var _a;
-            const t = date.valueOf();
-            return !!((_a = this.highlights) === null || _a === void 0 ? void 0 : _a.some(([start, stop]) => t >= start && t <= stop));
+            const date = __classPrivateFieldGet(this, _DuoyunDatePanelElement_instances, "a", _DuoyunDatePanelElement_currentPosition_get).add(number, 'M');
+            __classPrivateFieldGet(this, _DuoyunDatePanelElement_initState, "f").call(this, date.valueOf());
         });
         _DuoyunDatePanelElement_initState.set(this, (value) => {
             const d = new Time(value);
             this.setState({ year: d.getFullYear(), month: d.getMonth() });
         });
-        _DuoyunDatePanelElement_onSubmit.set(this, (value, isCurrentMonth) => {
-            if (!isCurrentMonth) {
-                __classPrivateFieldGet(this, _DuoyunDatePanelElement_initState, "f").call(this, value);
+        _DuoyunDatePanelElement_onChange.set(this, (evt) => {
+            evt.stopPropagation();
+            const v = new Time(evt.detail);
+            if (this.time) {
+                const t = new Time(isNotNullish(this.value) ? this.value : new Time().startOf('d'));
+                v.setHours(t.getHours());
+                v.setMinutes(t.getMinutes());
+                v.setSeconds(t.getSeconds());
             }
-            this.change(value.valueOf());
+            __classPrivateFieldGet(this, _DuoyunDatePanelElement_initState, "f").call(this, v.valueOf());
+            this.change(v.valueOf());
+        });
+        _DuoyunDatePanelElement_onTimeChange.set(this, (evt) => {
+            evt.stopPropagation();
+            __classPrivateFieldGet(this, _DuoyunDatePanelElement_initState, "f").call(this, evt.detail);
+            this.change(evt.detail);
         });
         this.willMount = () => {
-            __classPrivateFieldGet(this, _DuoyunDatePanelElement_initState, "f").call(this, this.value || this.initDate || new Time());
-            this.memo(() => {
-                const start = __classPrivateFieldGet(this, _DuoyunDatePanelElement_instances, "a", _DuoyunDatePanelElement_currentD_get).startOf('M');
-                const startDay = start.getDay();
-                const stop = __classPrivateFieldGet(this, _DuoyunDatePanelElement_instances, "a", _DuoyunDatePanelElement_currentD_get).endOf('M');
-                const stopDay = stop.getDay();
-                const dates = [];
-                for (let i = 0; i < startDay; i++) {
-                    dates.push({ date: new Time(start).subtract(startDay - i, 'd'), isCurrentMonth: false });
-                }
-                let s = start;
-                while (s.valueOf() < stop.valueOf()) {
-                    dates.push({ date: new Time(s), isCurrentMonth: true });
-                    s = new Time(s).add(1, 'd');
-                }
-                for (let i = 1; i < 7 - stopDay; i++) {
-                    dates.push({ date: new Time(stop).add(i, 'd'), isCurrentMonth: false });
-                }
-                __classPrivateFieldSet(this, _DuoyunDatePanelElement_dates, dates, "f");
-            }, () => [this.state.year, this.state.month]);
+            __classPrivateFieldGet(this, _DuoyunDatePanelElement_initState, "f").call(this, isNotNullish(this.value) ? this.value : this.initValue || Time.now());
         };
         this.mounted = () => {
             this.effect(() => {
-                if (this.initDate) {
-                    __classPrivateFieldGet(this, _DuoyunDatePanelElement_initState, "f").call(this, this.initDate);
-                }
-            }, () => { var _a; return [(_a = this.initDate) === null || _a === void 0 ? void 0 : _a.startOf('M').valueOf()]; });
+                if (isNotNullish(this.initValue))
+                    __classPrivateFieldGet(this, _DuoyunDatePanelElement_initState, "f").call(this, this.initValue);
+            }, () => [this.initValue]);
         };
         this.render = () => {
             return html `
-      <div class="head">
-        <gem-use @click=${() => __classPrivateFieldGet(this, _DuoyunDatePanelElement_increaseView, "f").call(this, -1)} .element=${icons.left}></gem-use>
-        <div class="current">${__classPrivateFieldGet(this, _DuoyunDatePanelElement_instances, "a", _DuoyunDatePanelElement_currentD_get).format({ year: 'numeric', month: 'long' })}</div>
-        <gem-use @click=${() => __classPrivateFieldGet(this, _DuoyunDatePanelElement_increaseView, "f").call(this, 1)} .element=${icons.right}></gem-use>
+      <div class="datepanel">
+        <div class="head">
+          <gem-use
+            class="button"
+            tabindex="0"
+            role="button"
+            @keydown=${commonHandle}
+            @click=${() => __classPrivateFieldGet(this, _DuoyunDatePanelElement_increaseView, "f").call(this, -1)}
+            .element=${icons.left}
+          ></gem-use>
+          <div class="current">${__classPrivateFieldGet(this, _DuoyunDatePanelElement_instances, "a", _DuoyunDatePanelElement_currentPosition_get).format({ year: 'numeric', month: 'long' })}</div>
+          <gem-use
+            class="button"
+            tabindex="0"
+            role="button"
+            @keydown=${commonHandle}
+            @click=${() => __classPrivateFieldGet(this, _DuoyunDatePanelElement_increaseView, "f").call(this, 1)}
+            .element=${icons.right}
+          ></gem-use>
+        </div>
+        <dy-calendar
+          class="calendar"
+          borderless
+          today
+          .position=${__classPrivateFieldGet(this, _DuoyunDatePanelElement_instances, "a", _DuoyunDatePanelElement_currentPosition_get).valueOf()}
+          .highlights=${__classPrivateFieldGet(this, _DuoyunDatePanelElement_instances, "a", _DuoyunDatePanelElement_highlights_get)}
+          @datehover=${({ detail }) => this.datehover(detail)}
+          @dateclick=${__classPrivateFieldGet(this, _DuoyunDatePanelElement_onChange, "f")}
+        ></dy-calendar>
       </div>
-      ${__classPrivateFieldGet(this, _DuoyunDatePanelElement_dates, "f")
-                .slice(0, 7)
-                .map(({ date }) => html `<div class="weekday">${date.format({ weekday: 'narrow' })}</div>`)}
-      ${__classPrivateFieldGet(this, _DuoyunDatePanelElement_dates, "f").map(({ date, isCurrentMonth }) => html `
-            <div
-              class=${classMap(isCurrentMonth
-                ? {
-                    day: true,
-                    check: !!this.value && date.isSome(this.value, 'd'),
-                    today: isCurrentMonth && date.isSome(new Time(), 'd'),
-                    start: !!this.highlights && this.highlights.some(([d]) => date.isSome(d, 'd')),
-                    stop: !!this.highlights && this.highlights.some((ds) => date.isSome(ds[ds.length - 1], 'd')),
-                    highlight: __classPrivateFieldGet(this, _DuoyunDatePanelElement_isHighlight, "f").call(this, date),
-                }
-                : {
-                    day: true,
-                    other: true,
-                })}
-              @click=${() => __classPrivateFieldGet(this, _DuoyunDatePanelElement_onSubmit, "f").call(this, date, isCurrentMonth)}
-              @mouseover=${() => this.enterdate(date.valueOf())}
-            >
-              ${date.getDate()}
+      ${this.time
+                ? html `
+            <dy-divider class="separate" orientation="vertical"></dy-divider>
+            <div class="timepanelwrap">
+              <div class="time">${isNotNullish(this.value) ? new Time(this.value).format('HH:mm:ss') : ''}</div>
+              <dy-divider class="separate"></dy-divider>
+              <dy-time-panel class="timepanel" .value=${this.value} @change=${__classPrivateFieldGet(this, _DuoyunDatePanelElement_onTimeChange, "f")}></dy-time-panel>
             </div>
-          `)}
+          `
+                : ''}
     `;
         };
         this.internals.role = 'widget';
     }
 };
-_DuoyunDatePanelElement_dates = new WeakMap(), _DuoyunDatePanelElement_increaseView = new WeakMap(), _DuoyunDatePanelElement_isHighlight = new WeakMap(), _DuoyunDatePanelElement_initState = new WeakMap(), _DuoyunDatePanelElement_onSubmit = new WeakMap(), _DuoyunDatePanelElement_instances = new WeakSet(), _DuoyunDatePanelElement_currentD_get = function _DuoyunDatePanelElement_currentD_get() {
+_DuoyunDatePanelElement_increaseView = new WeakMap(), _DuoyunDatePanelElement_initState = new WeakMap(), _DuoyunDatePanelElement_onChange = new WeakMap(), _DuoyunDatePanelElement_onTimeChange = new WeakMap(), _DuoyunDatePanelElement_instances = new WeakSet(), _DuoyunDatePanelElement_currentPosition_get = function _DuoyunDatePanelElement_currentPosition_get() {
     return new Time(`${this.state.year}-${String(this.state.month + 1).padStart(2, '0')}`);
+}, _DuoyunDatePanelElement_highlights_get = function _DuoyunDatePanelElement_highlights_get() {
+    const highlights = [...(this.highlights || [])];
+    const value = this.value;
+    if (isNotNullish(value) && !highlights.some(([start, stop]) => value >= start && value <= stop)) {
+        const t = new Time(value);
+        highlights.push([t.startOf('d').valueOf(), t.endOf('d').valueOf()]);
+    }
+    return highlights;
 };
+__decorate([
+    boolattribute
+], DuoyunDatePanelElement.prototype, "time", void 0);
+__decorate([
+    globalemitter
+], DuoyunDatePanelElement.prototype, "change", void 0);
+__decorate([
+    emitter
+], DuoyunDatePanelElement.prototype, "datehover", void 0);
 __decorate([
     property
 ], DuoyunDatePanelElement.prototype, "value", void 0);
@@ -202,16 +197,7 @@ __decorate([
 ], DuoyunDatePanelElement.prototype, "highlights", void 0);
 __decorate([
     property
-], DuoyunDatePanelElement.prototype, "initDate", void 0);
-__decorate([
-    emitter
-], DuoyunDatePanelElement.prototype, "change", void 0);
-__decorate([
-    emitter
-], DuoyunDatePanelElement.prototype, "changeView", void 0);
-__decorate([
-    emitter
-], DuoyunDatePanelElement.prototype, "enterdate", void 0);
+], DuoyunDatePanelElement.prototype, "initValue", void 0);
 DuoyunDatePanelElement = __decorate([
     customElement('dy-date-panel'),
     adoptedStyle(style)

package/elements/date-panel.js.map

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

package/elements/date-pick.d.ts

@@ -1,7 +1,8 @@
-import { GemElement, TemplateResult, Emitter } from '@mantou/gem';
-import { Time } from '../lib/time';
+import { Emitter } from '@mantou/gem/lib/decorators';
+import { GemElement, TemplateResult } from '@mantou/gem/lib/element';
 import '@mantou/gem/elements/use';
 import './date-panel';
+import './button';
 export interface Option {
     label: string | TemplateResult;
     value?: any;
@@ -12,10 +13,13 @@ export interface Option {
 export declare class DuoyunDatePickElement extends GemElement {
     #private;
     placeholder: string;
+    time: boolean;
+    clearable: boolean;
     disabled: boolean;
     active: boolean;
-    value?: Time;
-    change: Emitter<Time>;
+    value?: number;
+    change: Emitter<number>;
+    clear: Emitter;
     constructor();
     mounted: () => () => false | void;
     render: () => TemplateResult;

package/elements/date-pick.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-pick.d.ts","sourceRoot":"","sources":["../src/elements/date-pick.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAOV,cAAc,EAId,OAAO,EAIR,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAOnC,OAAO,0BAA0B,CAAC;AAClC,OAAO,cAAc,CAAC;AAsCtB,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/B,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED;;GAEG;AACH,qBAGa,qBAAsB,SAAQ,UAAU;;IACxC,WAAW,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAE1B,MAAM,EAAE,OAAO,CAAC;IACb,KAAK,CAAC,EAAE,IAAI,CAAC;IACR,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;;IAiBrC,OAAO,2BAEL;IAEF,MAAM,uBAOJ;CACH"}
+{"version":3,"file":"date-pick.d.ts","sourceRoot":"","sources":["../src/elements/date-pick.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,OAAO,EAIR,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAc3E,OAAO,0BAA0B,CAAC;AAClC,OAAO,cAAc,CAAC;AACtB,OAAO,UAAU,CAAC;AAoDlB,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;IAC/B,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED;;GAEG;AACH,qBAGa,qBAAsB,SAAQ,UAAU;;IACxC,WAAW,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAE1B,MAAM,EAAE,OAAO,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACV,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAC9B,KAAK,EAAE,OAAO,CAAC;;IA8ExB,OAAO,2BAEL;IAEF,MAAM,uBAQJ;CACH"}

package/elements/date-pick.js

@@ -9,14 +9,20 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     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 _DuoyunDatePickElement_onOpen;
-import { GemElement, html, adoptedStyle, createCSSSheet, css, customElement, property, connectStore, attribute, globalemitter, state, boolattribute, classMap, } from '@mantou/gem';
+var _DuoyunDatePickElement_instances, _DuoyunDatePickElement_value_get, _DuoyunDatePickElement_valueString_get, _DuoyunDatePickElement_onSubmit, _DuoyunDatePickElement_onOpen, _DuoyunDatePickElement_onClear;
+import { connectStore, adoptedStyle, customElement, attribute, emitter, globalemitter, property, boolattribute, state, } from '@mantou/gem/lib/decorators';
+import { GemElement, html } from '@mantou/gem/lib/element';
+import { createCSSSheet, css, classMap } from '@mantou/gem/lib/utils';
+import { Time } from '../lib/time';
 import { theme } from '../lib/theme';
 import { icons } from '../lib/icons';
+import { locale } from '../lib/locale';
+import { isNotNullish } from '../lib/types';
 import { commonHandle } from '../lib/hotkeys';
 import { ContextMenu } from './menu';
 import '@mantou/gem/elements/use';
 import './date-panel';
+import './button';
 const style = createCSSSheet(css `
   :host {
     cursor: pointer;
@@ -50,6 +56,20 @@ const style = createCSSSheet(css `
   }
   gem-use {
     width: 1.2em;
+    color: ${theme.borderColor};
+  }
+  :host(:where(:hover, :--active, [data-active])) gem-use {
+    color: ${theme.textColor};
+  }
+  .icon {
+    display: flex;
+  }
+  .close,
+  .clearable:hover .date {
+    display: none;
+  }
+  .clearable:hover .close {
+    display: inline-flex;
   }
 `);
 /**
@@ -58,22 +78,71 @@ const style = createCSSSheet(css `
 let DuoyunDatePickElement = class DuoyunDatePickElement extends GemElement {
     constructor() {
         super();
+        _DuoyunDatePickElement_instances.add(this);
+        _DuoyunDatePickElement_onSubmit.set(this, ({ detail }) => {
+            this.change(detail);
+            ContextMenu.close();
+        });
         _DuoyunDatePickElement_onOpen.set(this, () => {
             if (this.disabled)
                 return;
-            ContextMenu.open(html `<dy-date-panel></dy-date-panel>`, {
+            let v = undefined;
+            const onChange = ({ detail, target }) => {
+                const panel = target;
+                panel.highlights = [];
+                panel.value = detail;
+                const root = panel.getRootNode();
+                const button = root.querySelector('dy-button');
+                button.disabled = false;
+                v = detail;
+            };
+            const onSubmit = () => {
+                if (isNotNullish(v)) {
+                    this.change(v);
+                    ContextMenu.close();
+                }
+            };
+            ContextMenu.open(html `
+        <dy-date-panel
+          style="border: none;"
+          .highlights=${__classPrivateFieldGet(this, _DuoyunDatePickElement_instances, "a", _DuoyunDatePickElement_value_get) ? [[__classPrivateFieldGet(this, _DuoyunDatePickElement_instances, "a", _DuoyunDatePickElement_value_get), __classPrivateFieldGet(this, _DuoyunDatePickElement_instances, "a", _DuoyunDatePickElement_value_get)]] : undefined}
+          .value=${__classPrivateFieldGet(this, _DuoyunDatePickElement_instances, "a", _DuoyunDatePickElement_value_get)}
+          ?time=${this.time}
+          @change=${this.time ? onChange : __classPrivateFieldGet(this, _DuoyunDatePickElement_onSubmit, "f")}
+        ></dy-date-panel>
+        ${this.time
+                ? html `
+              <style>
+                .footer {
+                  margin-block-start: 2em;
+                  display: flex;
+                  justify-content: flex-end;
+                }
+              </style>
+              <div class="footer">
+                <dy-button disabled @click=${onSubmit} small>${locale.ok}</dy-button>
+              </div>
+            `
+                : ''}
+      `, {
                 activeElement: this,
+                width: this.time ? '30em' : undefined,
             });
         });
+        _DuoyunDatePickElement_onClear.set(this, (e) => {
+            e.stopPropagation();
+            this.clear(null);
+        });
         this.mounted = () => {
             return () => this.active && ContextMenu.close();
         };
         this.render = () => {
             return html `
-      <div class=${classMap({ value: true, placeholder: !this.value })}>
-        ${this.value ? this.value.format() : this.placeholder}
+      <div class=${classMap({ value: true, placeholder: !__classPrivateFieldGet(this, _DuoyunDatePickElement_instances, "a", _DuoyunDatePickElement_value_get) })}>${__classPrivateFieldGet(this, _DuoyunDatePickElement_instances, "a", _DuoyunDatePickElement_valueString_get) || this.placeholder}</div>
+      <div class=${classMap({ icon: true, clearable: this.clearable })}>
+        <gem-use class="date" .element=${icons.date}></gem-use>
+        <gem-use @click=${__classPrivateFieldGet(this, _DuoyunDatePickElement_onClear, "f")} class="close" .element=${icons.close}></gem-use>
       </div>
-      <gem-use .element=${icons.date}></gem-use>
     `;
         };
         this.addEventListener('click', __classPrivateFieldGet(this, _DuoyunDatePickElement_onOpen, "f"));
@@ -82,10 +151,20 @@ let DuoyunDatePickElement = class DuoyunDatePickElement extends GemElement {
         this.internals.role = 'combobox';
     }
 };
-_DuoyunDatePickElement_onOpen = new WeakMap();
+_DuoyunDatePickElement_onSubmit = new WeakMap(), _DuoyunDatePickElement_onOpen = new WeakMap(), _DuoyunDatePickElement_onClear = new WeakMap(), _DuoyunDatePickElement_instances = new WeakSet(), _DuoyunDatePickElement_value_get = function _DuoyunDatePickElement_value_get() {
+    return isNotNullish(this.value) ? this.value : undefined;
+}, _DuoyunDatePickElement_valueString_get = function _DuoyunDatePickElement_valueString_get() {
+    return __classPrivateFieldGet(this, _DuoyunDatePickElement_instances, "a", _DuoyunDatePickElement_value_get) && new Time(__classPrivateFieldGet(this, _DuoyunDatePickElement_instances, "a", _DuoyunDatePickElement_value_get)).format(this.time ? undefined : 'YYYY-MM-DD');
+};
 __decorate([
     attribute
 ], DuoyunDatePickElement.prototype, "placeholder", void 0);
+__decorate([
+    boolattribute
+], DuoyunDatePickElement.prototype, "time", void 0);
+__decorate([
+    boolattribute
+], DuoyunDatePickElement.prototype, "clearable", void 0);
 __decorate([
     boolattribute
 ], DuoyunDatePickElement.prototype, "disabled", void 0);
@@ -98,6 +177,9 @@ __decorate([
 __decorate([
     globalemitter
 ], DuoyunDatePickElement.prototype, "change", void 0);
+__decorate([
+    emitter
+], DuoyunDatePickElement.prototype, "clear", void 0);
 DuoyunDatePickElement = __decorate([
     customElement('dy-date-pick'),
     adoptedStyle(style),

package/elements/date-pick.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-pick.js","sourceRoot":"","sources":["../src/elements/date-pick.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,GAAG,EACH,aAAa,EACb,QAAQ,EAER,YAAY,EACZ,SAAS,EACT,aAAa,EAEb,KAAK,EACL,aAAa,EACb,QAAQ,GACT,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAErC,OAAO,0BAA0B,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;;;;;wBAKR,KAAK,CAAC,WAAW;qBACpB,KAAK,CAAC,WAAW;;;;;;;;;wBASd,KAAK,CAAC,oBAAoB;;;;;kBAKhC,KAAK,CAAC,aAAa;;;;;;;;;aASxB,KAAK,CAAC,aAAa;;;;;CAK/B,CAAC,CAAC;AAOH;;GAEG;AAIH,IAAa,qBAAqB,GAAlC,MAAa,qBAAsB,SAAQ,UAAU;IAQnD;QACE,KAAK,EAAE,CAAC;QAOV,wCAAU,GAAG,EAAE;YACb,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAC1B,WAAW,CAAC,IAAI,CAAC,IAAI,CAAA,iCAAiC,EAAE;gBACtD,aAAa,EAAE,IAAI;aACpB,CAAC,CAAC;QACL,CAAC,EAAC;QAEF,YAAO,GAAG,GAAG,EAAE;YACb,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,IAAI,WAAW,CAAC,KAAK,EAAE,CAAC;QAClD,CAAC,CAAC;QAEF,WAAM,GAAG,GAAG,EAAE;YACZ,OAAO,IAAI,CAAA;mBACI,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;UAC5D,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW;;0BAEnC,KAAK,CAAC,IAAI;KAC/B,CAAC;QACJ,CAAC,CAAC;QAxBA,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,uBAAA,IAAI,qCAAQ,CAAC,CAAC;QAC7C,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QAC/C,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,UAAU,CAAC;IACnC,CAAC;CAqBF,CAAA;;AAlCY;IAAV,SAAS;0DAAqB;AAChB;IAAd,aAAa;uDAAmB;AAE1B;IAAN,KAAK;qDAAiB;AACb;IAAT,QAAQ;oDAAc;AACR;IAAd,aAAa;qDAAuB;AAN1B,qBAAqB;IAHjC,aAAa,CAAC,cAAc,CAAC;IAC7B,YAAY,CAAC,KAAK,CAAC;IACnB,YAAY,CAAC,KAAK,CAAC;GACP,qBAAqB,CAmCjC;SAnCY,qBAAqB"}
+{"version":3,"file":"date-pick.js","sourceRoot":"","sources":["../src/elements/date-pick.ts"],"names":[],"mappings":"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"}

package/elements/date-range-panel.d.ts

@@ -1,4 +1,5 @@
-import { GemElement, Emitter } from '@mantou/gem';
+import { Emitter } from '@mantou/gem/lib/decorators';
+import { GemElement } from '@mantou/gem/lib/element';
 import './date-panel';
 import './button';
 import './action-text';
@@ -10,19 +11,17 @@ declare type State = {
 };
 /**
  * @customElement dy-date-range-panel
+ * @attr time
  */
 export declare class DuoyunDateRangePanelElement extends GemElement<State> {
     #private;
-    quickRanges?: {
-        label: string;
-        value: string | number[];
-    }[];
     value?: string | number[];
     change: Emitter<string | number[]>;
+    time: boolean;
     constructor();
     state: State;
     willMount: () => void;
-    render: () => import("@mantou/gem").TemplateResult;
+    render: () => import("@mantou/gem/lib/element").TemplateResult;
 }
 export {};
 //# sourceMappingURL=date-range-panel.d.ts.map

package/elements/date-range-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-panel.d.ts","sourceRoot":"","sources":["../src/elements/date-range-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAOV,OAAO,EAGR,MAAM,aAAa,CAAC;AAOrB,OAAO,cAAc,CAAC;AACtB,OAAO,UAAU,CAAC;AAClB,OAAO,eAAe,CAAC;AACvB,OAAO,WAAW,CAAC;AA+BnB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,qBAEa,2BAA4B,SAAQ,UAAU,CAAC,KAAK,CAAC;;IACtD,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,EAAE,CAAC;IAC5D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;;IAOlD,KAAK,EAAE,KAAK,CAAM;IAoBlB,SAAS,aAmBP;IAEF,MAAM,6CAgDJ;CACH"}
+{"version":3,"file":"date-range-panel.d.ts","sourceRoot":"","sources":["../src/elements/date-range-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,OAAO,EAGR,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAQ,MAAM,yBAAyB,CAAC;AAO3D,OAAO,cAAc,CAAC;AACtB,OAAO,UAAU,CAAC;AAClB,OAAO,eAAe,CAAC;AACvB,OAAO,WAAW,CAAC;AAkBnB,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;GAGG;AACH,qBAEa,2BAA4B,SAAQ,UAAU,CAAC,KAAK,CAAC;;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC;IACnC,IAAI,EAAE,OAAO,CAAC;;IAO7B,KAAK,EAAE,KAAK,CAAM;IAiBlB,SAAS,aAmBP;IAEF,MAAM,yDAkCJ;CACH"}