@king-design/vue 3.5.1 → 3.6.0-beta.0

package/components/select/index.spec.js

@@ -1,6 +1,8 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
+import _Array$from from "@babel/runtime-corejs3/core-js/array/from";
 import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import BasicDemo from '~/components/select/demos/basic';
 import DisabledDemo from '~/components/select/demos/disabled';
@@ -368,50 +370,159 @@ describe('Select', function () {
       }
     }, _callee8);
   })));
-  it('Tooltip with Select', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
-    var Demo, _mount10, instance, element;
+  it('keepKeywords', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
+    var KeepKeywordsDemo, _mount10, instance, element, input, dropdown, mondayOption;
     return _regeneratorRuntime.wrap(function _callee9$(_context11) {
       while (1) switch (_context11.prev = _context11.next) {
         case 0:
-          Demo = /*#__PURE__*/function (_Component2) {
-            _inheritsLoose(Demo, _Component2);
-            function Demo() {
+          // 创建一个测试组件，包含keepKeywords功能
+          KeepKeywordsDemo = /*#__PURE__*/function (_Component2) {
+            _inheritsLoose(KeepKeywordsDemo, _Component2);
+            function KeepKeywordsDemo() {
               var _context10;
               var _this2;
               for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
                 args[_key2] = arguments[_key2];
               }
               _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context10 = [this]).call(_context10, args)) || this;
-              _this2.Tooltip = Tooltip;
               _this2.Select = Select;
               _this2.Option = Option;
               return _this2;
             }
+            KeepKeywordsDemo.defaults = function defaults() {
+              return {
+                days: []
+              };
+            };
+            return KeepKeywordsDemo;
+          }(Component);
+          KeepKeywordsDemo.template = "\n                const {Select, Option} = this;\n                <div>\n                    <Select v-model=\"days\" filterable multiple creatable keepKeywords>\n                        <Option value=\"Monday\">\u661F\u671F\u4E00</Option>\n                        <Option value=\"Tuesday\">\u661F\u671F\u4E8C</Option>\n                        <Option value=\"Wednesday\">\u661F\u671F\u4E09</Option>\n                    </Select>\n                </div>\n            ";
+          _mount10 = mount(KeepKeywordsDemo), instance = _mount10[0], element = _mount10[1];
+          input = element.querySelector('.k-input-inner'); // 1. 输入自定义选项 "custom1"
+          input.click();
+          _context11.next = 7;
+          return wait();
+        case 7:
+          input.value = 'custom1';
+          dispatchEvent(input, 'input');
+          _context11.next = 11;
+          return wait();
+        case 11:
+          // 验证创建的选项出现在dropdown中
+          dropdown = getElement('.k-select-menu');
+          expect(dropdown.innerHTML).to.contain('custom1');
+          // 2. 按回车创建并选中
+          dispatchEvent(document, 'keydown', {
+            keyCode: 13
+          });
+          _context11.next = 16;
+          return wait();
+        case 16:
+          // 验证选项被选中，且输入框被清空
+          expect(instance.get('days')).to.eql(['custom1']);
+          expect(input.value).to.eql(''); // keepKeywords=true时应该清空输入框
+          // 3. 再次输入相同的选项 "custom1"
+          input.value = 'custom1';
+          dispatchEvent(input, 'input');
+          _context11.next = 22;
+          return wait();
+        case 22:
+          // 4. 再次按回车
+          dispatchEvent(document, 'keydown', {
+            keyCode: 13
+          });
+          _context11.next = 25;
+          return wait();
+        case 25:
+          // 验证选项仍然被选中（不会被取消选中），且输入框被清空
+          expect(instance.get('days')).to.eql(['custom1']); // 应该保持选中状态
+          expect(input.value).to.eql(''); // 输入框应该被清空
+          // 5. 输入另一个自定义选项 "custom2"
+          input.value = 'custom2';
+          dispatchEvent(input, 'input');
+          _context11.next = 31;
+          return wait();
+        case 31:
+          dispatchEvent(document, 'keydown', {
+            keyCode: 13
+          });
+          _context11.next = 34;
+          return wait();
+        case 34:
+          // 验证两个选项都被选中
+          expect(instance.get('days')).to.eql(['custom1', 'custom2']);
+          expect(input.value).to.eql('');
+          // 6. 测试原有选项的正常行为
+          input.click();
+          _context11.next = 39;
+          return wait();
+        case 39:
+          mondayOption = dropdown.querySelector('[data-value="Monday"]');
+          if (!mondayOption) {
+            _context11.next = 49;
+            break;
+          }
+          mondayOption.click();
+          _context11.next = 44;
+          return wait();
+        case 44:
+          expect(instance.get('days')).to.include('Monday');
+          // 再次点击应该能取消选中（原有选项不受keepKeywords影响）
+          mondayOption.click();
+          _context11.next = 48;
+          return wait();
+        case 48:
+          expect(instance.get('days')).to.not.include('Monday');
+        case 49:
+        case "end":
+          return _context11.stop();
+      }
+    }, _callee9);
+  })));
+  it('Tooltip with Select', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
+    var Demo, _mount11, instance, element;
+    return _regeneratorRuntime.wrap(function _callee10$(_context13) {
+      while (1) switch (_context13.prev = _context13.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component3) {
+            _inheritsLoose(Demo, _Component3);
+            function Demo() {
+              var _context12;
+              var _this3;
+              for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+                args[_key3] = arguments[_key3];
+              }
+              _this3 = _Component3.call.apply(_Component3, _concatInstanceProperty(_context12 = [this]).call(_context12, args)) || this;
+              _this3.Tooltip = Tooltip;
+              _this3.Select = Select;
+              _this3.Option = Option;
+              return _this3;
+            }
             return Demo;
           }(Component);
           Demo.template = "\n                const {Tooltip, Select, Option} = this;\n                <Tooltip content=\"hello\">\n                    <Select><Option value=\"1\">option 1</Option></Select>\n                </Tooltip>\n            ";
-          _mount10 = mount(Demo), instance = _mount10[0], element = _mount10[1];
+          _mount11 = mount(Demo), instance = _mount11[0], element = _mount11[1];
           element.click();
-          _context11.next = 6;
+          _context13.next = 6;
           return wait();
         case 6:
           expect(getElement('.k-select-menu')).to.be.exist;
           expect(getElement('.k-tooltip-content')).to.be.exist;
         case 8:
         case "end":
-          return _context11.stop();
+          return _context13.stop();
       }
-    }, _callee9);
+    }, _callee10);
   })));
-  it('Searchable with multiple', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
-    var _mount11, instance, element, _element$querySelecto6, select, dropdown, _dropdown$querySelect2, selectAll, toggleSelect, unselectAll, _dropdown$querySelect3, cancel, confirm, input;
-    return _regeneratorRuntime.wrap(function _callee10$(_context12) {
-      while (1) switch (_context12.prev = _context12.next) {
+  it('Searchable with multiple', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
+    var _mount12, instance, element, _element$querySelecto6, select, dropdown, _dropdown$querySelect2, selectAll, toggleSelect, unselectAll, _dropdown$querySelect3, cancel, confirm, input;
+    return _regeneratorRuntime.wrap(function _callee11$(_context14) {
+      while (1) switch (_context14.prev = _context14.next) {
         case 0:
-          _mount11 = mount(SearchableDemo), instance = _mount11[0], element = _mount11[1];
+          _mount12 = mount(SearchableDemo), instance = _mount12[0], element = _mount12[1];
           _element$querySelecto6 = element.querySelectorAll('.k-select'), select = _element$querySelecto6[1];
           select.click();
-          _context12.next = 5;
+          _context14.next = 5;
           return wait();
         case 5:
           dropdown = getElement('.k-select-menu');
@@ -419,94 +530,210 @@ describe('Select', function () {
           _dropdown$querySelect3 = dropdown.querySelectorAll('.k-select-footer .k-btn'), cancel = _dropdown$querySelect3[0], confirm = _dropdown$querySelect3[1]; // select all
           selectAll.click();
           confirm.click();
-          _context12.next = 12;
+          _context14.next = 12;
           return wait();
         case 12:
           expect(instance.get('days')).have.length(6);
           // unselect all
           select.click();
-          _context12.next = 16;
+          _context14.next = 16;
           return wait();
         case 16:
           unselectAll.click();
           confirm.click();
-          _context12.next = 20;
+          _context14.next = 20;
           return wait();
         case 20:
           expect(instance.get('days')).have.length(0);
           // toggle select
           select.click();
-          _context12.next = 24;
+          _context14.next = 24;
           return wait();
         case 24:
           instance.set('days', ['Monday', 'Tuesday']);
-          _context12.next = 27;
+          _context14.next = 27;
           return wait();
         case 27:
           input = dropdown.querySelector('.k-input-inner');
           input.value = 's';
           dispatchEvent(input, 'input');
-          _context12.next = 32;
+          _context14.next = 32;
           return wait();
         case 32:
           toggleSelect.click();
           confirm.click();
-          _context12.next = 36;
+          _context14.next = 36;
           return wait();
         case 36:
           expect(instance.get('days')).have.length(5);
           expect(instance.get('days')).include('Monday');
         case 38:
         case "end":
-          return _context12.stop();
+          return _context14.stop();
       }
-    }, _callee10);
+    }, _callee11);
   })));
-  it('disabled option does not allow clearable and close', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
-    var _mount12, instance, element, _element$querySelecto7, clear1, _element$querySelecto8, tag1, _element$querySelecto9, clear2, _element$querySelecto10, clear3;
-    return _regeneratorRuntime.wrap(function _callee11$(_context13) {
-      while (1) switch (_context13.prev = _context13.next) {
+  it('Searchable with multiple should show correct initial checkbox state', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
+    var _mount13, instance, element, _element$querySelecto7, select, dropdown, checkboxes, options, tuesdayCheckbox, tuesdayOption, _dropdown$querySelect4, cancel, dropdown2, checkboxes2, options2, tuesdayCheckbox2, tuesdayOption2;
+    return _regeneratorRuntime.wrap(function _callee12$(_context15) {
+      while (1) switch (_context15.prev = _context15.next) {
+        case 0:
+          _mount13 = mount(SearchableDemo), instance = _mount13[0], element = _mount13[1]; // 验证初始值
+          expect(instance.get('days')).to.eql(['Tuesday']);
+          // 第一次打开dropdown，检查初始状态
+          _element$querySelecto7 = element.querySelectorAll('.k-select'), select = _element$querySelecto7[1];
+          select.click();
+          _context15.next = 6;
+          return wait();
+        case 6:
+          dropdown = getElement('.k-select-menu');
+          checkboxes = dropdown.querySelectorAll('.k-checkbox input[type="checkbox"]');
+          options = dropdown.querySelectorAll('.k-select-option'); // 找到Tuesday选项对应的checkbox
+          tuesdayCheckbox = null;
+          tuesdayOption = null;
+          options.forEach(function (option, index) {
+            var _option$textContent;
+            if ((_option$textContent = option.textContent) != null && _includesInstanceProperty(_option$textContent).call(_option$textContent, '星期二')) {
+              tuesdayCheckbox = checkboxes[index];
+              tuesdayOption = option;
+            }
+          });
+          // 验证Tuesday的checkbox应该被选中
+          expect(tuesdayCheckbox).to.exist;
+          expect(tuesdayCheckbox.checked).to.be.true;
+          // 验证Tuesday选项应该有active样式
+          expect(tuesdayOption).to.exist;
+          expect(tuesdayOption.className).to.include('k-active');
+          // 关闭dropdown
+          _dropdown$querySelect4 = dropdown.querySelectorAll('.k-select-footer .k-btn'), cancel = _dropdown$querySelect4[0];
+          cancel.click();
+          _context15.next = 20;
+          return wait();
+        case 20:
+          // 再次打开dropdown，验证状态仍然正确
+          select.click();
+          _context15.next = 23;
+          return wait();
+        case 23:
+          dropdown2 = getElement('.k-select-menu');
+          checkboxes2 = dropdown2.querySelectorAll('.k-checkbox input[type="checkbox"]');
+          options2 = dropdown2.querySelectorAll('.k-select-option');
+          tuesdayCheckbox2 = null;
+          tuesdayOption2 = null;
+          options2.forEach(function (option, index) {
+            var _option$textContent2;
+            if ((_option$textContent2 = option.textContent) != null && _includesInstanceProperty(_option$textContent2).call(_option$textContent2, '星期二')) {
+              tuesdayCheckbox2 = checkboxes2[index];
+              tuesdayOption2 = option;
+            }
+          });
+          // 验证第二次打开时状态依然正确
+          expect(tuesdayCheckbox2.checked).to.be.true;
+          expect(tuesdayOption2.className).to.include('k-active');
+        case 31:
+        case "end":
+          return _context15.stop();
+      }
+    }, _callee12);
+  })));
+  it('disabled option does not allow clearable and close', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
+    var _mount14, instance, element, _element$querySelecto8, clear1, _element$querySelecto9, tag1, _element$querySelecto10, clear2, _element$querySelecto11, clear3;
+    return _regeneratorRuntime.wrap(function _callee13$(_context16) {
+      while (1) switch (_context16.prev = _context16.next) {
         case 0:
-          _mount12 = mount(ImmutableDemo), instance = _mount12[0], element = _mount12[1];
+          _mount14 = mount(ImmutableDemo), instance = _mount14[0], element = _mount14[1];
           instance.set('days', ['Tuesday', 'Friday']);
-          _context13.next = 4;
+          _context16.next = 4;
           return wait();
         case 4:
           expect(element.outerHTML).to.matchSnapshot();
-          _element$querySelecto7 = element.querySelectorAll('.k-select-clear'), clear1 = _element$querySelecto7[0];
+          _element$querySelecto8 = element.querySelectorAll('.k-select-clear'), clear1 = _element$querySelecto8[0];
           clear1.click();
-          _context13.next = 9;
+          _context16.next = 9;
           return wait();
         case 9:
-          _element$querySelecto8 = element.querySelectorAll('.k-tag'), tag1 = _element$querySelecto8[0];
+          _element$querySelecto9 = element.querySelectorAll('.k-tag'), tag1 = _element$querySelecto9[0];
           expect(tag1.className).not.contain("k-closable");
           expect(instance.get('days')).to.eql(['Tuesday', 'Friday']);
           instance.set('days', ['Monday', 'Tuesday']);
-          _context13.next = 15;
+          _context16.next = 15;
           return wait();
         case 15:
-          _element$querySelecto9 = element.querySelectorAll('.k-select-clear'), clear2 = _element$querySelecto9[0];
+          _element$querySelecto10 = element.querySelectorAll('.k-select-clear'), clear2 = _element$querySelecto10[0];
           clear2.click();
-          _context13.next = 19;
+          _context16.next = 19;
           return wait();
         case 19:
           expect(instance.get('days')).to.eql(['Tuesday']);
           instance.set('days', ['Monday', 'Wednesday']);
-          _context13.next = 23;
+          _context16.next = 23;
           return wait();
         case 23:
-          _element$querySelecto10 = element.querySelectorAll('.k-select-clear'), clear3 = _element$querySelecto10[0];
+          _element$querySelecto11 = element.querySelectorAll('.k-select-clear'), clear3 = _element$querySelecto11[0];
           clear3.click();
-          _context13.next = 27;
+          _context16.next = 27;
           return wait();
         case 27:
           expect(instance.get('days')).to.eql([]);
           // expect(clear).to.be.null;
         case 28:
         case "end":
-          return _context13.stop();
+          return _context16.stop();
       }
-    }, _callee11);
+    }, _callee13);
+  })));
+  it('should handle async data correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
+    var Demo, _mount15, instance, element, wrapper, phantom;
+    return _regeneratorRuntime.wrap(function _callee14$(_context18) {
+      while (1) switch (_context18.prev = _context18.next) {
+        case 0:
+          Demo = /*#__PURE__*/function (_Component4) {
+            _inheritsLoose(Demo, _Component4);
+            function Demo() {
+              var _context17;
+              var _this4;
+              for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+                args[_key4] = arguments[_key4];
+              }
+              _this4 = _Component4.call.apply(_Component4, _concatInstanceProperty(_context17 = [this]).call(_context17, args)) || this;
+              _this4.Select = Select;
+              _this4.Option = Option;
+              return _this4;
+            }
+            Demo.defaults = function defaults() {
+              return {
+                list: []
+              };
+            };
+            return Demo;
+          }(Component);
+          Demo.template = "\n                const {Select, Option} = this;\n                <Select v-model=\"day\" virtual>\n                    <Option v-for={this.get('list')} value={$value}>\n                        {$value}\n                    </Option>\n                </Select>\n            ";
+          _mount15 = mount(Demo), instance = _mount15[0], element = _mount15[1];
+          _context18.next = 5;
+          return wait();
+        case 5:
+          // simulate async data loading
+          instance.set('list', _Array$from({
+            length: 100
+          }, function (_, i) {
+            return i;
+          }));
+          _context18.next = 8;
+          return wait(100);
+        case 8:
+          element.click();
+          _context18.next = 11;
+          return wait();
+        case 11:
+          wrapper = getElement('.k-virtual-wrapper');
+          phantom = getElement('.k-virtual-phantom');
+          expect(wrapper.children.length).to.be.equal(10);
+          expect(phantom.style.height).to.be.equal('3000px');
+        case 15:
+        case "end":
+          return _context18.stop();
+      }
+    }, _callee14);
   })));
   // it('should trigger change event correctly', async () => {
   // const spy = sinon.spy();

package/components/select/option.d.ts

@@ -3,6 +3,7 @@ export interface OptionProps {
     value: any;
     label?: string;
     disabled?: boolean;
+    isCreated?: boolean;
 }
 export declare class Option extends Component<OptionProps> {
     static template: string | import('intact-vue-next').Template<any>;

package/components/select/option.js

@@ -12,7 +12,8 @@ var typeDefs = {
     required: true
   },
   label: String,
-  disabled: Boolean
+  disabled: Boolean,
+  isCreated: Boolean
 };
 export var Option = /*#__PURE__*/function (_Component) {
   _inheritsLoose(Option, _Component);
@@ -30,12 +31,18 @@ export var Option = /*#__PURE__*/function (_Component) {
   var _proto = Option.prototype;
   _proto.onSelect = function onSelect() {
     var select = this.select;
-    var multiple = select.get('multiple');
+    var _select$get = select.get(),
+      multiple = _select$get.multiple,
+      keepKeywords = _select$get.keepKeywords;
     var value = this.get('value');
+    var isCreated = this.get('isCreated');
     if (!multiple) {
       select.set('value', this.get('value'));
     } else {
       var values = select.get('value');
+      if (keepKeywords && isCreated && Array.isArray(values) && _includesInstanceProperty(values).call(values, value)) {
+        return;
+      }
       values = toggleArray(values, value);
       select.set('value', values);
     }

package/components/select/select.d.ts

@@ -8,6 +8,7 @@ export interface SelectProps<T = string, Multipe extends boolean = boolean> exte
     labelMap?: Map<any, Children>;
     card?: boolean;
     autoDisableArrow?: boolean;
+    keepKeywords?: boolean;
 }
 export interface SelectEvents extends BaseSelectEvents {
 }

package/components/select/select.js

@@ -18,7 +18,8 @@ var typeDefs = _extends({}, BaseSelect.typeDefs, {
   creatable: Boolean,
   labelMap: _Map,
   card: Boolean,
-  autoDisableArrow: Boolean
+  autoDisableArrow: Boolean,
+  keepKeywords: Boolean
 });
 var defaults = function defaults() {
   return _extends({}, BaseSelect.defaults(), {

package/components/select/useFilterable.js

@@ -30,7 +30,8 @@ export function useFilterable(keywords) {
       })) {
         return h(Option, {
           value: _keywords,
-          label: _keywords
+          label: _keywords,
+          isCreated: true
         });
       }
     }

package/components/select/useInput.js

@@ -37,14 +37,17 @@ export function useInput(resetKeywords) {
   component.on('$changed:value', function () {
     var _component$get = component.get(),
       multiple = _component$get.multiple,
-      filterable = _component$get.filterable;
+      filterable = _component$get.filterable,
+      keepKeywords = _component$get.keepKeywords;
     if (multiple && filterable) {
       focusInput();
       /**
        * don't reset keywords on multiple mode for continue selection
        * https://github.com/ksc-fe/kpc/issues/983
        */
-      // resetKeywords(keywords);
+      if (keepKeywords) {
+        resetKeywords(keywords);
+      }
     }
   });
   return {

package/components/select/useSearchable.js

@@ -39,6 +39,7 @@ export function useSearchable() {
   }
   select.watch('value', initCheckedKeys);
   select.on('hide', initCheckedKeys);
+  initCheckedKeys();
   return {
     checkedKeys: checkedKeys,
     selectAll: selectAll,

package/components/table/table.vdt.js

@@ -106,6 +106,7 @@ export default function ($props, $blocks, $__proto__) {
     getAllStatus = _this$checked.getAllStatus,
     onChangeChecked = _this$checked.onChangeChecked;
   var allCheckedStatus = getAllCheckedStatus();
+  var allStatus = getAllStatus();
   var thead = hideHeader ? null : _$cc(TableContext.Provider, {
     'value': {
       checkType: checkType,
@@ -140,7 +141,9 @@ export default function ($props, $blocks, $__proto__) {
                   'value': allCheckedStatus === AllCheckedStatus.All,
                   'indeterminate': showIndeterminate && allCheckedStatus == AllCheckedStatus.Indeterminate,
                   'ev-$change:value': toggleCheckedAll,
-                  'disabled': !hasData
+                  'disabled': !hasData || allStatus.every(function (_it) {
+                    return _it.disabled;
+                  })
                 }) : undefined) : undefined, $value];
                 return animation[1] ? _$cc(TransitionGroup, {
                   'name': 'k-fade-expand',
@@ -156,7 +159,6 @@ export default function ($props, $blocks, $__proto__) {
   });
   var getAllKeys = this.disableRow.getAllKeys;
   var getGrid = this.merge.getGrid;
-  var allStatus = getAllStatus();
   var allKeys = getAllKeys();
   var colCount = maxCols + (checkType !== 'none' ? 1 : 0);
   var isExpanded = this.expandable.isExpanded;

package/components/timepicker/panelPicker.d.ts

@@ -16,7 +16,7 @@ export declare class PanelPicker<Multipe extends boolean = false, Range extends
         getValueString: (value: dayjs.Dayjs) => string;
     };
     disabled: {
-        isDisabled: (value: dayjs.Dayjs, type?: dayjs.OpUnitType) => boolean;
+        isDisabled: (value: dayjs.Dayjs, type?: "h" | "s" | "y" | "date" | "month" | "week" | "millisecond" | "second" | "minute" | "hour" | "day" | "year" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "D" | "M" | "m" | "ms" | "weeks" | "w" | "quarter" | "quarters" | "Q") => boolean;
         isDisabledConfirm: () => boolean;
         maxDate: State<dayjs.Dayjs | null>;
         minDate: State<dayjs.Dayjs | null>;
@@ -37,6 +37,7 @@ export declare class PanelPicker<Multipe extends boolean = false, Range extends
         onConfirm: () => void;
         getTimeValue: (flag: import("../datepicker/usePanel").PanelFlags) => dayjs.Dayjs | null | undefined;
         convertToDayjs: (v: import("../datepicker/basepicker").Value | [import("../datepicker/basepicker").Value, import("../datepicker/basepicker").Value] | import("../datepicker/basepicker").Value[] | [import("../datepicker/basepicker").Value, import("../datepicker/basepicker").Value][] | null | undefined) => import("../datepicker/basepicker").DayjsValue;
+        setMoment: () => void;
         value: State<import("../datepicker/basepicker").StateValue>;
         setValue: (v: import("../datepicker/basepicker").StateValueItem, fromInput: boolean) => void;
         getDayjsValue: () => import("../datepicker/basepicker").DayjsValue;

package/components/timepicker/panelPicker.vdt.js

@@ -16,13 +16,16 @@ export default function ($props, $blocks, $__proto__) {
   var _this$get = this.get(),
     className = _this$get.className,
     range = _this$get.range,
-    multiple = _this$get.multiple;
+    multiple = _this$get.multiple,
+    min = _this$get.min,
+    max = _this$get.max;
   var _this$value = this.value,
     value = _this$value.value.value,
     onConfirm = _this$value.onConfirm,
     onChangeTime = _this$value.onChangeTime,
     onChangeTimeByStep = _this$value.onChangeTimeByStep,
-    getTimeValue = _this$value.getTimeValue;
+    getTimeValue = _this$value.getTimeValue,
+    setMoment = _this$value.setMoment;
   var lastValue = last(value);
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-time-content"] = true, _classNameObj[k + "-range"] = range, _classNameObj[className] = className, _classNameObj[makePanelStyles(k)] = true, _classNameObj);
@@ -63,13 +66,18 @@ export default function ($props, $blocks, $__proto__) {
     return (_$blocks['base-menu'] = function ($super) {
       return _$cc(DropdownMenu, {
         'className': _$cn(classNameObj),
-        'children': _$ce(2, 'div', [_$ce(2, 'div', [generatePanel(PanelFlags.Start), _$ct('\n                    '), range ? generatePanel(PanelFlags.End) : null], 0, _$cn(k + "-datepicker-calendars")), _$ce(2, 'div', _$cc(Button, {
+        'children': _$ce(2, 'div', [_$ce(2, 'div', [generatePanel(PanelFlags.Start), _$ct('\n                    '), range ? generatePanel(PanelFlags.End) : null], 0, _$cn(k + "-datepicker-calendars")), _$ce(2, 'div', [!range && !multiple && !max && !min ? _$cc(Button, {
+          'type': 'link',
+          'size': 'small',
+          'ev-click': setMoment,
+          'children': _$('此刻')
+        }) : undefined, _$cc(Button, {
           'type': 'primary',
           'size': 'small',
           'disabled': isDisabledConfirm(),
           'ev-click': onConfirm,
           'children': _$('确定')
-        }), 2, _$cn(k + "-datepicker-footer"))], 4, _$cn(k + "-datepicker-wrapper"))
+        })], 0, _$cn(k + "-datepicker-footer"))], 4, _$cn(k + "-datepicker-wrapper"))
       });
     }, __$blocks['base-menu'] = function ($super, data) {
       var block = $blocks['base-menu'];

package/components/timepicker/selectPicker.d.ts

@@ -12,7 +12,7 @@ export declare class SelectPicker extends Component<TimepickerProps, TimepickerE
         getValueString: (value: import("dayjs").Dayjs) => string;
     };
     disabled: {
-        isDisabled: (value: import("dayjs").Dayjs, type?: import("dayjs").OpUnitType) => boolean;
+        isDisabled: (value: import("dayjs").Dayjs, type?: "h" | "s" | "y" | "date" | "month" | "week" | "millisecond" | "second" | "minute" | "hour" | "day" | "year" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "D" | "M" | "m" | "ms" | "weeks" | "w" | "quarter" | "quarters" | "Q") => boolean;
         isDisabledTime: (value: import("dayjs").Dayjs, flag: import("../datepicker/usePanel").PanelFlags) => boolean;
         isDisabledConfirm: () => boolean;
         maxDate: import("../../hooks/useState").State<import("dayjs").Dayjs | null>;

package/components/timepicker/styles.js

@@ -26,5 +26,5 @@ setDefault(function () {
   makePanelStyles == null || makePanelStyles.clearCache();
 });
 export var makePanelStyles = cache(function makePanelStyles(k) {
-  return cx(makePanelStylesBase(k), /*#__PURE__*/css("&.", k, "-time-content{.", k, "-datepicker-time{padding:", timepicker.padding, ";}.", k, "-scroll-select{height:", timepicker.scrollHeight, ";}}&.", k, "-range{.", k, "-datepicker-time{width:auto;border:", timepicker.border, ";}.", k, "-scroll-select{height:", timepicker.range.scrollHeight, ";}.", k, "-datepicker-calendar-wrapper{padding:", timepicker.range.padding, ";width:", timepicker.range.width, ";border:none;}.", k, "-timepicker-title{text-align:center;margin-bottom:", timepicker.range.titleGap, ";}}"));
+  return cx(makePanelStylesBase(k), /*#__PURE__*/css("&.", k, "-time-content{.", k, "-datepicker-time{padding:", timepicker.padding, ";}.", k, "-scroll-select{height:", timepicker.scrollHeight, ";}}&.", k, "-range{.", k, "-datepicker-time{width:auto;}.", k, "-scroll-select{height:", timepicker.range.scrollHeight, ";}.", k, "-datepicker-calendar-wrapper{padding:", timepicker.range.padding, ";width:", timepicker.range.width, ";border:none;}.", k, "-timepicker-title{text-align:center;margin-bottom:", timepicker.range.titleGap, ";}}"));
 });

package/components/timepicker/useDisabled.d.ts

@@ -1,7 +1,7 @@
 import type { useFormats } from './useFormats';
 import { PanelFlags } from '../datepicker/usePanel';
 export declare function useDisabled(formats: ReturnType<typeof useFormats>): {
-    isDisabled: (value: import("dayjs").Dayjs, type?: import("dayjs").OpUnitType) => boolean;
+    isDisabled: (value: import("dayjs").Dayjs, type?: "h" | "s" | "y" | "date" | "month" | "week" | "millisecond" | "second" | "minute" | "hour" | "day" | "year" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "D" | "M" | "m" | "ms" | "weeks" | "w" | "quarter" | "quarters" | "Q") => boolean;
     isDisabledConfirm: () => boolean;
     maxDate: import("../../hooks/useState").State<import("dayjs").Dayjs | null>;
     minDate: import("../../hooks/useState").State<import("dayjs").Dayjs | null>;

package/components/timepicker/useValue.d.ts

@@ -8,6 +8,7 @@ export declare function useValue(formats: ReturnType<typeof useFormats>, disable
     onConfirm: () => void;
     getTimeValue: (flag: PanelFlags) => import("dayjs").Dayjs | null | undefined;
     convertToDayjs: (v: import("../datepicker/basepicker").Value | [import("../datepicker/basepicker").Value, import("../datepicker/basepicker").Value] | import("../datepicker/basepicker").Value[] | [import("../datepicker/basepicker").Value, import("../datepicker/basepicker").Value][] | null | undefined) => import("../datepicker/basepicker").DayjsValue;
+    setMoment: () => void;
     value: import("../../hooks/useState").State<import("../datepicker/basepicker").StateValue>;
     setValue: (v: StateValueItem, fromInput: boolean) => void;
     getDayjsValue: () => import("../datepicker/basepicker").DayjsValue;