xrk-components 0.4.2-beta.10 → 0.4.2-beta.12

package/lib/index.esm.js

@@ -42721,7 +42721,8 @@ var script$n = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$n
                         }, null, 8 /* PROPS */, ["style", "url-list", "hide-on-click-modal", "z-index", "initial-index", "close-on-press-escape", "zoom-rate", "infinite"]))
                         : (openBlock(), createElementBlock("div", {
                             key: 1,
-                            class: normalizeClass(["xrk-custom-image-viewer", { 'hide-close': __props.hideClose }])
+                            class: normalizeClass(["xrk-custom-image-viewer", { 'hide-close': __props.hideClose }]),
+                            style: normalizeStyle({ width: __props.style.width, height: __props.style.height })
                         }, [
                             createElementVNode("div", {
                                 style: { "width": "100%", "height": "100%" },
@@ -42744,7 +42745,7 @@ var script$n = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$n
                                     onClose: handleClose
                                 }, null, 8 /* PROPS */, ["style", "url-list", "hide-on-click-modal", "z-index", "initial-index", "close-on-press-escape", "zoom-rate", "infinite"])
                             ], 32 /* HYDRATE_EVENTS */)
-                        ], 2 /* CLASS */))
+                        ], 6 /* CLASS, STYLE */))
                 ]))
                 : createCommentVNode("v-if", true);
         };
@@ -43316,7 +43317,28 @@ var script$f = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$f
 
 script$f.__file = "packages/base/date-picker/date-picker.vue";
 
-var BaseDatePicker = script$f;
+var BaseDatePicker = script$f;
+/**
+ *
+ * @param dayDis year month day 可选择范围
+ * @returns  disabledDate?: (date: Date, startDt: Date | null) => boolean;
+ */
+var createDisabledDate = function (dayDis) {
+    var _a = dayDis.year, year = _a === void 0 ? 0 : _a, _b = dayDis.month, month = _b === void 0 ? 0 : _b, _c = dayDis.day, day = _c === void 0 ? 0 : _c;
+    return function (date, startDate) {
+        if (date && startDate) {
+            var rangeStart = new Date(startDate.getTime());
+            var rangeEnd = new Date(startDate.getTime());
+            var rangeMid = date.getTime();
+            return !(rangeStart.setFullYear(startDate.getFullYear() - year, startDate.getMonth() - month, startDate.getDate() - day) <= rangeMid &&
+                rangeMid <=
+                    rangeEnd.setFullYear(startDate.getFullYear() + year, startDate.getMonth() + month, startDate.getDate() + day));
+        }
+        else {
+            return false;
+        }
+    };
+};
 
 var __default__$e = {
     name: 'base-input'
@@ -45819,4 +45841,4 @@ var index = {
     install: install
 };
 
-export { BaseButton, BaseCascader, BaseCheckbox, BaseCheckboxButton, BaseCheckboxGroup, BaseDatePicker, BaseDialog, BaseForm, BaseFormItem, BaseIcon, BaseImage, BaseImageViewer, BaseInput, BasePagination, BaseRadio, BaseRadioButton, BaseRadioGroup, BaseSelect, BaseSwitch, BaseTable, BaseTag, BaseTagGroup, XrkMessage, XrkSearch, XrkTable, createDialog, createImageViewer, index as default, useCascaderColumn, useCreateModal, useDatePickerColumn, useInputColumn, useOtherComponents, useResetBtn, useSearchBtn, useSearchColumns, useSelectColumn, useTableColumn };
+export { BaseButton, BaseCascader, BaseCheckbox, BaseCheckboxButton, BaseCheckboxGroup, BaseDatePicker, BaseDialog, BaseForm, BaseFormItem, BaseIcon, BaseImage, BaseImageViewer, BaseInput, BasePagination, BaseRadio, BaseRadioButton, BaseRadioGroup, BaseSelect, BaseSwitch, BaseTable, BaseTag, BaseTagGroup, XrkMessage, XrkSearch, XrkTable, createDialog, createDisabledDate, createImageViewer, index as default, useCascaderColumn, useCreateModal, useDatePickerColumn, useInputColumn, useOtherComponents, useResetBtn, useSearchBtn, useSearchColumns, useSelectColumn, useTableColumn };

package/lib/index.umd.js

@@ -42724,7 +42724,8 @@ usage: app.provide(ID_INJECTION_KEY, {
                           }, null, 8 /* PROPS */, ["style", "url-list", "hide-on-click-modal", "z-index", "initial-index", "close-on-press-escape", "zoom-rate", "infinite"]))
                           : (vue.openBlock(), vue.createElementBlock("div", {
                               key: 1,
-                              class: vue.normalizeClass(["xrk-custom-image-viewer", { 'hide-close': __props.hideClose }])
+                              class: vue.normalizeClass(["xrk-custom-image-viewer", { 'hide-close': __props.hideClose }]),
+                              style: vue.normalizeStyle({ width: __props.style.width, height: __props.style.height })
                           }, [
                               vue.createElementVNode("div", {
                                   style: { "width": "100%", "height": "100%" },
@@ -42747,7 +42748,7 @@ usage: app.provide(ID_INJECTION_KEY, {
                                       onClose: handleClose
                                   }, null, 8 /* PROPS */, ["style", "url-list", "hide-on-click-modal", "z-index", "initial-index", "close-on-press-escape", "zoom-rate", "infinite"])
                               ], 32 /* HYDRATE_EVENTS */)
-                          ], 2 /* CLASS */))
+                          ], 6 /* CLASS, STYLE */))
                   ]))
                   : vue.createCommentVNode("v-if", true);
           };
@@ -43319,7 +43320,28 @@ usage: app.provide(ID_INJECTION_KEY, {
 
   script$f.__file = "packages/base/date-picker/date-picker.vue";
 
-  var BaseDatePicker = script$f;
+  var BaseDatePicker = script$f;
+  /**
+   *
+   * @param dayDis year month day 可选择范围
+   * @returns  disabledDate?: (date: Date, startDt: Date | null) => boolean;
+   */
+  var createDisabledDate = function (dayDis) {
+      var _a = dayDis.year, year = _a === void 0 ? 0 : _a, _b = dayDis.month, month = _b === void 0 ? 0 : _b, _c = dayDis.day, day = _c === void 0 ? 0 : _c;
+      return function (date, startDate) {
+          if (date && startDate) {
+              var rangeStart = new Date(startDate.getTime());
+              var rangeEnd = new Date(startDate.getTime());
+              var rangeMid = date.getTime();
+              return !(rangeStart.setFullYear(startDate.getFullYear() - year, startDate.getMonth() - month, startDate.getDate() - day) <= rangeMid &&
+                  rangeMid <=
+                      rangeEnd.setFullYear(startDate.getFullYear() + year, startDate.getMonth() + month, startDate.getDate() + day));
+          }
+          else {
+              return false;
+          }
+      };
+  };
 
   var __default__$e = {
       name: 'base-input'
@@ -45848,6 +45870,7 @@ usage: app.provide(ID_INJECTION_KEY, {
   exports.XrkSearch = XrkSearch;
   exports.XrkTable = XrkTable;
   exports.createDialog = createDialog;
+  exports.createDisabledDate = createDisabledDate;
   exports.createImageViewer = createImageViewer;
   exports["default"] = index;
   exports.useCascaderColumn = useCascaderColumn;

package/lib/packages/base/date-picker/index.d.ts

@@ -49,3 +49,13 @@ export declare type BaseDatePickerListener<S extends Record<string, any> = any>
     onCalendarChange?: (val: [Date, Date | null], searchValue?: S) => void;
 };
 export declare const BaseDatePicker: DefineComponent<BaseDatePickerProps, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<BaseDatePickerProps>, {}>;
+/**
+ *
+ * @param dayDis year month day 可选择范围
+ * @returns  disabledDate?: (date: Date, startDt: Date | null) => boolean;
+ */
+export declare const createDisabledDate: (dayDis: {
+    year?: number | undefined;
+    month?: number | undefined;
+    day?: number | undefined;
+}) => (date: Date, startDate: Date | null) => boolean;

package/lib/packages/functions.d.ts

@@ -1,5 +1,6 @@
 export { useTableColumn } from './base/table';
 export { createDialog } from './base/dialog';
 export { createImageViewer } from './base/image';
+export { createDisabledDate } from './base/date-picker';
 export { useInputColumn, useSearchColumns, useSelectColumn, useSearchBtn, useResetBtn, useDatePickerColumn, useCascaderColumn, useOtherComponents } from './xrk/search/hooks/use-search';
 export { XrkMessage } from './xrk/message';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xrk-components",
-  "version": "0.4.2-beta.10",
+  "version": "0.4.2-beta.12",
   "description": "",
   "main": "lib/index.esm.js",
   "typings": "lib/packages/index.d.ts",