@pisell/materials 1.0.395 → 1.0.397

package/es/index.d.ts

@@ -72,6 +72,7 @@ export { default as List } from './components/list';
 export { default as Sort } from './components/sort';
 export { default as InputNumberRange } from './components/input-number-range';
 export { default as LowCodePage } from './components/lowCodePage';
+export { default as PickerView } from './components/picker-view';
 export { default as Segmented } from './components/segmented';
 export { default as VirtualKeyboard } from './components/virtual-keyboard';
 export { default as VirtualKeyboardTime } from './components/virtual-keyboard/Time';
@@ -101,4 +102,5 @@ export { default as PisellAlert } from './components/pisellAlert';
 export { default as PisellCard } from './components/pisellCard';
 export { default as PisellInformationEntry } from './components/pisellInformationEntry';
 export { default as usePisellConfig } from './components/pisell-config-provider/hooks/usePisellConfig';
-export { globalConfig, default as PisellContext } from './components/pisell-config-provider/context';
+export { globalConfig, default as PisellContext, } from './components/pisell-config-provider/context';
+export { default as PisellTags } from './components/pisellTags';

package/es/index.js

@@ -92,6 +92,7 @@ export { default as List } from "./components/list";
 export { default as Sort } from "./components/sort";
 export { default as InputNumberRange } from "./components/input-number-range";
 export { default as LowCodePage } from "./components/lowCodePage";
+export { default as PickerView } from "./components/picker-view";
 export { default as Segmented } from "./components/segmented";
 export { default as VirtualKeyboard } from "./components/virtual-keyboard";
 export { default as VirtualKeyboardTime } from "./components/virtual-keyboard/Time";
@@ -123,4 +124,5 @@ export { default as PisellAlert } from "./components/pisellAlert";
 export { default as PisellCard } from "./components/pisellCard";
 export { default as PisellInformationEntry } from "./components/pisellInformationEntry";
 export { default as usePisellConfig } from "./components/pisell-config-provider/hooks/usePisellConfig";
-export { globalConfig, default as PisellContext } from "./components/pisell-config-provider/context";
+export { globalConfig, default as PisellContext } from "./components/pisell-config-provider/context";
+export { default as PisellTags } from "./components/pisellTags";

package/es/locales/en-US.d.ts

@@ -97,6 +97,18 @@ declare const _default: {
     'table-action-export-import-log-copy': string;
     'table-action-export-import-table-success-copy': string;
     'drag-sort-tree-unavailable-today-tip': string;
+    'date-picker-today': string;
+    'date-picker-yesterday': string;
+    'date-picker-tomorrow': string;
+    'date-picker-next_monday': string;
+    'date-picker-last_friday': string;
+    'date-picker-first_day_of_this_month': string;
+    'date-picker-last_day_of_this_month': string;
+    'date-picker-first_day_of_next_month': string;
+    'date-picker-last_day_of_last_month': string;
+    'date-picker-invalid-date': string;
+    "date-picker-apply": string;
+    'date-picker-shortcut-custom': string;
     'pisell-input-copy-success': string;
     'pisell-input-copy': string;
     'pisell-empty-description-no-data': string;

package/es/locales/en-US.js

@@ -119,6 +119,19 @@ export default {
   'table-action-export-import-log-copy': 'Copy',
   'table-action-export-import-table-success-copy': 'Copy Success',
   'drag-sort-tree-unavailable-today-tip': 'Unavailable today',
+  // 日期组件
+  'date-picker-today': 'Today',
+  'date-picker-yesterday': 'Yesterday',
+  'date-picker-tomorrow': 'Tomorrow',
+  'date-picker-next_monday': 'Next monday',
+  'date-picker-last_friday': 'Last friday',
+  'date-picker-first_day_of_this_month': 'First day of this month',
+  'date-picker-last_day_of_this_month': 'Last day of this month',
+  'date-picker-first_day_of_next_month': 'First day of next month',
+  'date-picker-last_day_of_last_month': 'Last day of last month',
+  'date-picker-invalid-date': 'Invalid date',
+  "date-picker-apply": "Apply",
+  'date-picker-shortcut-custom': 'Custom',
   'pisell-input-copy-success': 'Copy Success',
   'pisell-input-copy': 'Copy',
   // 空状态

package/es/locales/zh-CN.d.ts

@@ -97,6 +97,18 @@ declare const _default: {
     'table-action-export-import-log-copy': string;
     'table-action-export-import-table-success-copy': string;
     'drag-sort-tree-unavailable-today-tip': string;
+    'date-picker-today': string;
+    'date-picker-yesterday': string;
+    'date-picker-tomorrow': string;
+    'date-picker-next_monday': string;
+    'date-picker-last_friday': string;
+    'date-picker-first_day_of_this_month': string;
+    'date-picker-last_day_of_this_month': string;
+    'date-picker-first_day_of_next_month': string;
+    'date-picker-last_day_of_last_month': string;
+    'date-picker-invalid-date': string;
+    "date-picker-apply": string;
+    'date-picker-shortcut-custom': string;
     'pisell-input-copy-success': string;
     'pisell-input-copy': string;
     'pisell-empty-description-no-data': string;

package/es/locales/zh-CN.js

@@ -119,6 +119,19 @@ export default {
   'table-action-export-import-log-copy': '复制',
   'table-action-export-import-table-success-copy': '复制成功',
   'drag-sort-tree-unavailable-today-tip': '今日不可用',
+  // 日期组件
+  'date-picker-today': '今天',
+  'date-picker-yesterday': '昨天',
+  'date-picker-tomorrow': '明天',
+  'date-picker-next_monday': '下个星期一',
+  'date-picker-last_friday': '上个星期五',
+  'date-picker-first_day_of_this_month': '本月的第一天',
+  'date-picker-last_day_of_this_month': '本月的最后一天',
+  'date-picker-first_day_of_next_month': '下个月的第一天',
+  'date-picker-last_day_of_last_month': '上个月的最后一天',
+  'date-picker-invalid-date': '无效日期',
+  "date-picker-apply": "确定",
+  'date-picker-shortcut-custom': '自定义',
   'pisell-input-copy-success': '复制成功',
   'pisell-input-copy': '复制',
   // 空状态

package/es/locales/zh-TW.d.ts

@@ -97,6 +97,18 @@ declare const _default: {
     'table-action-export-import-log-copy': string;
     'table-action-export-import-table-success-copy': string;
     'drag-sort-tree-unavailable-today-tip': string;
+    'date-picker-today': string;
+    'date-picker-yesterday': string;
+    'date-picker-tomorrow': string;
+    'date-picker-next_monday': string;
+    'date-picker-last_friday': string;
+    'date-picker-first_day_of_this_month': string;
+    'date-picker-last_day_of_this_month': string;
+    'date-picker-first_day_of_next_month': string;
+    'date-picker-last_day_of_last_month': string;
+    'date-picker-invalid-date': string;
+    "date-picker-apply": string;
+    'date-picker-shortcut-custom': string;
     'pisell-input-copy-success': string;
     'pisell-input-copy': string;
     'pisell-empty-description-no-data': string;

package/es/locales/zh-TW.js

@@ -119,6 +119,19 @@ export default {
   'table-action-export-import-log-copy': '復製',
   'table-action-export-import-table-success-copy': '復製成功',
   'drag-sort-tree-unavailable-today-tip': '今日不可用',
+  // 日期组件
+  'date-picker-today': '今天',
+  'date-picker-yesterday': '昨天',
+  'date-picker-tomorrow': '明天',
+  'date-picker-next_monday': '下個星期一',
+  'date-picker-last_friday': '上個星期五',
+  'date-picker-first_day_of_this_month': '本月的第一天',
+  'date-picker-last_day_of_this_month': '本月的最後一天',
+  'date-picker-first_day_of_next_month': '下個月的第一天',
+  'date-picker-last_day_of_last_month': '上個月的最後一天',
+  'date-picker-invalid-date': '無效日期',
+  "date-picker-apply": "确定",
+  'date-picker-shortcut-custom': '自定義',
   'pisell-input-copy-success': '復製成功',
   'pisell-input-copy': '復製',
   // 空状态

package/lib/components/browserSelect/index.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import "./index.less";
+interface BrowserSelectProps extends React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> {
+    options: any[];
+}
+/**
+ * @title: 系统级别的下拉框
+ * @description:
+ * @param {BrowserSelectProps} props
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-30 16:43
+ */
+declare const BrowserSelect: (props: BrowserSelectProps) => React.JSX.Element;
+export default BrowserSelect;

package/lib/components/browserSelect/index.js

@@ -0,0 +1,59 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/browserSelect/index.tsx
+var browserSelect_exports = {};
+__export(browserSelect_exports, {
+  default: () => browserSelect_default
+});
+module.exports = __toCommonJS(browserSelect_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var BrowserSelect = (props) => {
+  const { options, ...resetProps } = props;
+  const _options = (0, import_react.useMemo)(() => {
+    return (props.options || []).map((d) => {
+      return /* @__PURE__ */ import_react.default.createElement("option", { value: d.value, key: d.value }, d.label);
+    });
+  }, [props.options]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "select",
+    {
+      ...resetProps,
+      className: (0, import_classnames.default)("date-picker-pisell-browser-select", resetProps.className),
+      onChange: (e) => {
+        var _a;
+        e.persist();
+        (_a = resetProps.onChange) == null ? void 0 : _a.call(resetProps, e);
+      }
+    },
+    _options
+  );
+};
+var browserSelect_default = BrowserSelect;

package/lib/components/browserSelect/index.less

@@ -0,0 +1,18 @@
+.date-picker-pisell-browser-select {
+  padding: 9px 16px;
+  border-radius: 8px;
+  background-color: #fff;
+  background-image: url('./chevron-down.png');
+  color: var(--Gray-true-900, #141414);
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  border: 1px solid var(--Gray-300, #D0D5DD);
+  cursor: pointer;
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  background-position: right 10px center;
+  background-size: 12px;
+  background-repeat: no-repeat;
+}

package/lib/components/date-picker/constants.d.ts

@@ -0,0 +1,39 @@
+import dayjs from 'dayjs';
+export declare const presetDetailMap: {
+    today: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    yesterday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    tomorrow: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    next_monday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_friday: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    first_day_of_this_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_day_of_this_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    first_day_of_next_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+    last_day_of_last_month: {
+        getValue: () => dayjs.Dayjs;
+        label: () => any;
+    };
+};

package/lib/components/date-picker/constants.js

@@ -0,0 +1,78 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/date-picker/constants.ts
+var constants_exports = {};
+__export(constants_exports, {
+  presetDetailMap: () => presetDetailMap
+});
+module.exports = __toCommonJS(constants_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_locales = require("../../locales");
+var presetDetailMap = {
+  today: {
+    getValue: () => (0, import_dayjs.default)().startOf("day"),
+    label: () => (0, import_locales.getText)("date-picker-today")
+  },
+  yesterday: {
+    getValue: () => (0, import_dayjs.default)().add(-1, "d").startOf("day"),
+    label: () => (0, import_locales.getText)("date-picker-yesterday")
+  },
+  tomorrow: {
+    getValue: () => (0, import_dayjs.default)().add(1, "d").startOf("day"),
+    label: () => (0, import_locales.getText)("date-picker-tomorrow")
+  },
+  next_monday: {
+    getValue: () => (0, import_dayjs.default)().startOf("week").add(8, "day").startOf("day"),
+    label: () => (0, import_locales.getText)("date-picker-next_monday")
+  },
+  last_friday: {
+    getValue: () => (0, import_dayjs.default)().subtract(1, "week").startOf("week").add(5, "day").startOf("day"),
+    label: () => (0, import_locales.getText)("date-picker-last_friday")
+  },
+  first_day_of_this_month: {
+    getValue: () => (0, import_dayjs.default)().startOf("month").startOf("day"),
+    label: () => (0, import_locales.getText)("date-picker-first_day_of_this_month")
+  },
+  last_day_of_this_month: {
+    getValue: () => (0, import_dayjs.default)().endOf("month").startOf("day"),
+    label: () => (0, import_locales.getText)("date-picker-last_day_of_this_month")
+  },
+  first_day_of_next_month: {
+    getValue: () => (0, import_dayjs.default)().endOf("month").add(1, "day").startOf("day"),
+    label: () => (0, import_locales.getText)("date-picker-first_day_of_next_month")
+  },
+  last_day_of_last_month: {
+    getValue: () => (0, import_dayjs.default)().startOf("month").subtract(1, "day").startOf("day"),
+    label: () => (0, import_locales.getText)("date-picker-last_day_of_last_month")
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  presetDetailMap
+});

package/lib/components/date-picker/datePickerCpt.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
+import { Dayjs } from 'dayjs';
+import './index.less';
+interface DatePickerCptProps extends PickerDateProps<Dayjs> {
+}
+declare const DatePickerCpt: (props: DatePickerCptProps) => React.JSX.Element;
+export default DatePickerCpt;