@sheinx/base 3.0.0-alpha.1

package/cjs/config/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+exports.getDefaultContainer = getDefaultContainer;
+Object.defineProperty(exports, "getLocale", {
+  enumerable: true,
+  get: function get() {
+    return _index.getLocale;
+  }
+});
+exports.setConfig = void 0;
+Object.defineProperty(exports, "setLocale", {
+  enumerable: true,
+  get: function get() {
+    return _index.setLocale;
+  }
+});
+exports.useConfig = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.object.entries.js");
+var _hooks = require("@sheinx/hooks");
+var _valtio = require("valtio");
+var _index = require("./locale/index");
+var processEnv = {};
+try {
+  var _process;
+  processEnv = (_process = process) === null || _process === void 0 ? void 0 : _process.env;
+} catch (error) {
+  processEnv = {};
+}
+var config = {
+  popupContainer: undefined,
+  caret: 'line',
+  locale: processEnv.LOCALE || 'zh-CN',
+  direction: 'ltr'
+  // prefix: 'so',
+};
+exports.config = config;
+var state = (0, _valtio.proxy)(config);
+(0, _valtio.subscribe)(state, function () {
+  exports.config = config = state;
+});
+function getDefaultContainer() {
+  if (_hooks.util.isFunc(config.popupContainer)) {
+    var container = config.popupContainer();
+    if (container instanceof HTMLElement) {
+      return container;
+    }
+  }
+  if (config.popupContainer instanceof HTMLElement) return config.popupContainer;
+  return document.body;
+}
+var useConfig = function useConfig() {
+  return (0, _valtio.useSnapshot)(state);
+};
+exports.useConfig = useConfig;
+var setConfig = function setConfig(option) {
+  for (var _i = 0, _Object$entries = Object.entries(option); _i < _Object$entries.length; _i++) {
+    var _Object$entries$_i = (0, _slicedToArray2.default)(_Object$entries[_i], 2),
+      key = _Object$entries$_i[0],
+      value = _Object$entries$_i[1];
+    if (value && key in state) {
+      var k = key;
+      // @ts-ignore
+      state[k] = value;
+    }
+  }
+};
+exports.setConfig = setConfig;

package/cjs/config/locale/Props.d.ts

@@ -0,0 +1,7 @@
+import zh from './zh-CN';
+declare type localeType = typeof zh;
+export declare type LocaleObj = localeType;
+export declare type LanType = 'en-US' | 'zh-CN' | Partial<localeType>;
+export declare type Direction = 'ltr' | 'rtl';
+export {};
+//# sourceMappingURL=Props.d.ts.map

package/cjs/config/locale/Props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["Props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,SAAS,CAAC;AAEzB,aAAK,UAAU,GAAG,OAAO,EAAE,CAAC;AAE5B,oBAAY,SAAS,GAAG,UAAU,CAAC;AACnC,oBAAY,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;AAC9D,oBAAY,SAAS,GAAG,KAAK,GAAG,KAAK,CAAC"}

package/cjs/config/locale/Props.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/config/locale/en_US.d.ts

@@ -0,0 +1,47 @@
+declare const _default: {
+    weekdayValues: {
+        narrow: string[];
+        short: string[];
+        long: string[];
+    };
+    weekShort: string;
+    startOfWeek: number;
+    monthValues: {
+        short: string[];
+        long: string[];
+    };
+    pickerTitle: string[];
+    timeOfDayValues: string[];
+    ok: string;
+    cancel: string;
+    noData: string;
+    selectAll: string;
+    loading: string;
+    rules: {
+        required: {
+            array: string;
+            string: string;
+        };
+        type: string;
+        length: {
+            max: {
+                string: string;
+                number: string;
+                array: string;
+            };
+            min: {
+                string: string;
+                number: string;
+                array: string;
+            };
+        };
+        reg: string;
+    };
+    selected: string;
+    search: string;
+    urlInvalidMsg: string;
+    invalidAccept: string;
+    notFound: string;
+};
+export default _default;
+//# sourceMappingURL=en_US.d.ts.map

package/cjs/config/locale/en_US.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en_US.d.ts","sourceRoot":"","sources":["en_US.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAgEE"}

package/cjs/config/locale/en_US.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  weekdayValues: {
+    narrow: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+    short: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+    long: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
+  },
+  weekShort: 'W',
+  startOfWeek: 0,
+  monthValues: {
+    short: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+    long: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
+  },
+  pickerTitle: ['Start Time', 'End Time'],
+  timeOfDayValues: ['a.m.', 'p.m.'],
+  ok: 'Ok',
+  cancel: 'Cancel',
+  noData: 'Data not found',
+  selectAll: 'Select All',
+  loading: 'loading...',
+  rules: {
+    required: {
+      array: 'Please select {title}',
+      string: 'Please enter {title}'
+    },
+    type: 'Please enter a valid {title}',
+    length: {
+      max: {
+        string: '{title} must less than {max} choices',
+        number: '{title} must less than {max}',
+        array: '{title} must select less than {max} choices'
+      },
+      min: {
+        string: '{title} must be at least {min} characters',
+        number: '{title} must greater than {min}',
+        array: '{title} must select at least {min} choices'
+      }
+    },
+    reg: '{title} is invalid.'
+  },
+  selected: 'selected',
+  search: 'search',
+  urlInvalidMsg: 'Picture format is incorrect, please upload again',
+  invalidAccept: 'Invalid file format',
+  notFound: 'not found'
+};
+exports.default = _default;

package/cjs/config/locale/index.d.ts

@@ -0,0 +1,5 @@
+import type { ObjectType } from '@sheinx/hooks';
+import type { LanType } from './Props';
+export declare function setLocale(arg: LanType): void;
+export declare function getLocale(lan: any, name?: string, def?: ObjectType): any;
+//# sourceMappingURL=index.d.ts.map

package/cjs/config/locale/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAKhD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAcvC,wBAAgB,SAAS,CAAC,GAAG,EAAE,OAAO,QAQrC;AAED,wBAAgB,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,UAAU,OAKlE"}

package/cjs/config/locale/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLocale = getLocale;
+exports.setLocale = setLocale;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _hooks = require("@sheinx/hooks");
+var _zhCN = _interopRequireDefault(require("./zh-CN"));
+var _en_US = _interopRequireDefault(require("./en_US"));
+var _index = require("../index");
+var deepGet = _hooks.util.deepGet,
+  deepMerge = _hooks.util.deepMerge,
+  isObject = _hooks.util.isObject;
+var getLocaleObj = function getLocaleObj(locale) {
+  if (typeof locale === 'string') {
+    return locale === 'zh-CN' ? _zhCN.default : _en_US.default;
+  }
+  if (isObject(locale)) {
+    return locale;
+  }
+  return _zhCN.default;
+};
+function setLocale(arg) {
+  var locale = getLocaleObj(_index.config.locale);
+  if (typeof arg === 'string') {
+    locale = arg === 'zh-CN' ? _zhCN.default : _en_US.default;
+  } else if ((0, _typeof2.default)(arg) === 'object') {
+    locale = deepMerge(_zhCN.default, arg, {
+      clone: true
+    });
+  }
+  (0, _index.setConfig)({
+    locale: locale
+  });
+}
+function getLocale(lan, name, def) {
+  var localeObj = getLocaleObj(lan);
+  if (!name) return localeObj;
+  if (def && def[name]) return def[name];
+  return deepGet(localeObj, name);
+}

package/cjs/config/locale/zh-CN.d.ts

@@ -0,0 +1,67 @@
+declare const _default: {
+    now: string;
+    current: string;
+    selectQuarter: string;
+    selectYear: string;
+    selectMonth: string;
+    selectDate: string;
+    selectWeek: string;
+    selectTime: string;
+    startQuarter: string;
+    endQuarter: string;
+    startYear: string;
+    endYear: string;
+    startMonth: string;
+    endMonth: string;
+    startDate: string;
+    endDate: string;
+    startWeek: string;
+    endWeek: string;
+    startTime: string;
+    endTime: string;
+    weekdayValues: {
+        narrow: string[];
+        short: string[];
+        long: string[];
+    };
+    weekShort: string;
+    startOfWeek: number;
+    monthValues: {
+        short: string[];
+        long: string[];
+    };
+    pickerTitle: string[];
+    timeOfDayValues: string[];
+    ok: string;
+    cancel: string;
+    noData: string;
+    selectAll: string;
+    loading: string;
+    rules: {
+        required: {
+            array: string;
+            string: string;
+        };
+        type: string;
+        length: {
+            max: {
+                string: string;
+                number: string;
+                array: string;
+            };
+            min: {
+                string: string;
+                number: string;
+                array: string;
+            };
+        };
+        reg: string;
+    };
+    selected: string;
+    search: string;
+    urlInvalidMsg: string;
+    invalidAccept: string;
+    notFound: string;
+};
+export default _default;
+//# sourceMappingURL=zh-CN.d.ts.map

package/cjs/config/locale/zh-CN.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zh-CN.d.ts","sourceRoot":"","sources":["zh-CN.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA0FE"}

package/cjs/config/locale/zh-CN.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  now: '今天',
+  current: '此刻',
+  selectQuarter: '请选择季度',
+  selectYear: '请选择年份',
+  selectMonth: '请选择月份',
+  selectDate: '请选择日期',
+  selectWeek: '请选择周',
+  selectTime: '请选择时间',
+  startQuarter: '开始季度',
+  endQuarter: '结束季度',
+  startYear: '开始年份',
+  endYear: '结束年份',
+  startMonth: '开始月份',
+  endMonth: '结束月份',
+  startDate: '开始日期',
+  endDate: '结束日期',
+  startWeek: '开始周',
+  endWeek: '结束周',
+  startTime: '开始时间',
+  endTime: '结束时间',
+  weekdayValues: {
+    narrow: ['日', '一', '二', '三', '四', '五', '六'],
+    short: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
+    long: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
+  },
+  weekShort: '周',
+  startOfWeek: 1,
+  monthValues: {
+    short: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
+    long: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']
+  },
+  pickerTitle: ['开始时间', '结束时间'],
+  timeOfDayValues: ['上午', '下午'],
+  ok: '确定',
+  cancel: '取消',
+  noData: '暂无数据',
+  selectAll: '全选',
+  loading: '加载中...',
+  rules: {
+    required: {
+      array: '{title} 不能为空',
+      string: '{title} 不能为空'
+    },
+    type: '请输入正确的 {title}',
+    length: {
+      max: {
+        string: '{title} 不能超过 {max} 个字符',
+        number: '{title} 不能大于 {max}',
+        array: '{title} 不能超过 {max} 个选项'
+      },
+      min: {
+        string: '{title} 不能少于 {min} 个字符',
+        number: '{title} 不能小于 {min}',
+        array: '{title} 至少选择 {min} 个选项'
+      }
+    },
+    reg: '{title} 格式不正确'
+  },
+  selected: '项',
+  search: '搜索',
+  urlInvalidMsg: '图片格式不正确，请重新上传',
+  invalidAccept: '文件格式不正确',
+  notFound: '未找到'
+};
+exports.default = _default;

package/cjs/date-picker/__example__/01-base.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;
+//# sourceMappingURL=01-base.d.ts.map

package/cjs/date-picker/__example__/01-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"01-base.d.ts","sourceRoot":"","sources":["01-base.tsx"],"names":[],"mappings":";;AAUA,wBA+BE"}

package/cjs/date-picker/__example__/01-base.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    --
+ * en - Basic
+ *    --
+ */
+var _default = function _default() {
+  var jssStyle = {
+    datePicker: _shineoutStyle.useDatePickerStyle,
+    button: _shineoutStyle.useButtonStyle
+  };
+  var _React$useState = _react.default.useState(['', '']),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    value = _React$useState2[0],
+    setValue = _React$useState2[1];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.DatePicker, {
+      range: true,
+      value: value,
+      showSelNow: true,
+      quickSelect: [{
+        name: '此刻',
+        value: function value() {
+          return [Date.now(), Date.now()];
+        }
+      }, {
+        name: '此刻2',
+        value: function value() {
+          return [Date.now(), Date.now()];
+        }
+      }],
+      type: 'datetime',
+      allowSingle: true,
+      jssStyle: jssStyle,
+      onChange: function onChange(v) {
+        setValue(v);
+      }
+    })
+  });
+};
+exports.default = _default;

package/cjs/date-picker/date-picker.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { DatePickerProps, DatePickerValueType } from './date-picker.type';
+declare const DatePicker: <Value extends DatePickerValueType>(props: DatePickerProps<Value>) => JSX.Element;
+export default DatePicker;
+//# sourceMappingURL=date-picker.d.ts.map

package/cjs/date-picker/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAc1E,QAAA,MAAM,UAAU,mFAuPf,CAAC;AAEF,eAAe,UAAU,CAAC"}