@king-design/intact 2.0.0-beta.0

package/es/hooks/useKeyboard.d.ts

@@ -0,0 +1,11 @@
+export declare type Handler = (e: KeyboardEvent) => void;
+export declare type Listener = (fn: () => void) => () => void;
+export declare type Options = {
+    down: Handler;
+    up: Handler;
+    right: Handler;
+    left: Handler;
+    enter: Handler;
+    default?: Handler;
+};
+export declare function useKeyboard(options: Options): readonly [() => void, () => void, (v: boolean) => boolean];

package/es/hooks/useKeyboard.js

@@ -0,0 +1,52 @@
+import { onUnmounted } from 'intact';
+export function useKeyboard(options) {
+  var locked = false;
+
+  var onKeydown = function onKeydown(e) {
+    if (locked) return;
+
+    switch (e.keyCode) {
+      // down
+      case 40:
+        options.down(e);
+        break;
+      // up
+
+      case 38:
+        options.up(e);
+        break;
+      // right
+
+      case 39:
+        options.right(e);
+        break;
+      // left
+
+      case 37:
+        options.left(e);
+        break;
+      // enter
+
+      case 13:
+        options.enter(e);
+        break;
+
+      default:
+        options.default && options.default(e);
+        break;
+    }
+  };
+
+  var removeEventListener = function removeEventListener() {
+    document.removeEventListener('keydown', onKeydown);
+  };
+
+  var addEventListener = function addEventListener() {
+    document.addEventListener('keydown', onKeydown);
+  };
+
+  onUnmounted(removeEventListener);
+  return [addEventListener, removeEventListener, function (v) {
+    return locked = v;
+  }];
+}

package/es/hooks/useMouseOutsidable.d.ts

@@ -0,0 +1,8 @@
+/**
+ * don't hide the dropdown when user mouse down and move outside, #392
+ * the order of events is mousedown -> mouseup -> click
+ */
+import { RefObject } from 'intact';
+export declare function useMouseOutsidable(elementRef: RefObject<HTMLElement>, autoAdd?: boolean): {
+    onMouseDown: () => void;
+};

package/es/hooks/useMouseOutsidable.js

@@ -0,0 +1,51 @@
+/**
+ * don't hide the dropdown when user mouse down and move outside, #392
+ * the order of events is mousedown -> mouseup -> click
+ */
+import { onBeforeUnmount, onMounted } from 'intact';
+import { containsOrEqual } from './useDocumentClick';
+export function useMouseOutsidable(elementRef, autoAdd) {
+  if (autoAdd === void 0) {
+    autoAdd = true;
+  }
+
+  var timer;
+
+  function onMouseDown() {
+    document.addEventListener('click', onDocumentClick, true);
+    document.addEventListener('mouseup', onMouseUp);
+  }
+
+  function onMouseUp() {
+    timer = window.setTimeout(function () {
+      document.removeEventListener('click', onDocumentClick, true);
+    });
+    document.removeEventListener('mouseup', onMouseUp);
+  }
+
+  function onDocumentClick(e) {
+    if (!containsOrEqual(elementRef.value, e.target)) {
+      e.stopPropagation();
+    }
+  }
+
+  if (autoAdd) {
+    onMounted(function () {
+      elementRef.value.addEventListener('mousedown', onMouseDown);
+    });
+  }
+
+  onBeforeUnmount(function () {
+    clearTimeout(timer);
+
+    if (autoAdd) {
+      elementRef.value.removeEventListener('mousedown', onMouseDown);
+    }
+
+    document.removeEventListener('click', onDocumentClick, true);
+    document.removeEventListener('mouseup', onMouseUp);
+  });
+  return {
+    onMouseDown: onMouseDown
+  };
+}

package/es/hooks/useReceive.d.ts

@@ -0,0 +1,4 @@
+import { Component, Props } from 'intact';
+declare type ExtractProps<T extends Component> = T extends Component<infer P> ? Props<P> : never;
+export declare function useReceive<T extends Component>(props: (keyof ExtractProps<T>)[], callback: () => void, ignoreInit?: boolean): void;
+export {};

package/es/hooks/useReceive.js

@@ -0,0 +1,28 @@
+import { useInstance, onBeforeMount, onBeforeUpdate } from 'intact';
+export function useReceive(props, callback, ignoreInit) {
+  if (ignoreInit === void 0) {
+    ignoreInit = false;
+  }
+
+  var instance = useInstance();
+  var shouldCall = false;
+  props.forEach(function (prop) {
+    instance.on("$receive:" + prop, function (newValue, oldValue, init) {
+      if (ignoreInit && init) return;
+      shouldCall = true;
+    });
+  });
+
+  function call() {
+    if (shouldCall) {
+      callback();
+      shouldCall = false;
+    }
+  }
+
+  if (!ignoreInit) {
+    onBeforeMount(call);
+  }
+
+  onBeforeUpdate(call);
+}

package/es/hooks/useRecordComponent.d.ts

@@ -0,0 +1,6 @@
+import { Component } from 'intact';
+export declare function useRecordParent<T = Component, V = any>(key: string, useMap: true): Map<T, V>;
+export declare function useRecordParent<T = Component>(key?: string, useMap?: false): T[];
+export declare function useRecordItem<T extends Component = Component>(key?: string): T[];
+export declare function useRecordItem<T>(key?: string, item?: T): T[];
+export declare function useRecordItem<T, V>(key: string, item: T, value: V): Map<T, V>;

package/es/hooks/useRecordComponent.js

@@ -0,0 +1,47 @@
+import _Map from "@babel/runtime-corejs3/core-js/map";
+import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/splice";
+import { onMounted, onUnmounted, provide, inject, useInstance } from 'intact';
+var RECORD_COMPONENT = 'RecordComponent';
+export function useRecordParent(key, useMap) {
+  if (key === void 0) {
+    key = RECORD_COMPONENT;
+  }
+
+  if (useMap === void 0) {
+    useMap = false;
+  }
+
+  var items = useMap ? new _Map() : [];
+  provide(key, items);
+  return items;
+}
+export function useRecordItem(key, item, value) {
+  if (key === void 0) {
+    key = RECORD_COMPONENT;
+  }
+
+  if (item === void 0) {
+    item = useInstance();
+  }
+
+  var items = inject(key);
+
+  if (items) {
+    onMounted(function () {
+      if (value === undefined) {
+        items.push(item);
+      } else {
+        items.set(item, value);
+      }
+    });
+    onUnmounted(function () {
+      if (value === undefined) {
+        _spliceInstanceProperty(items).call(items, items.indexOf(item), 1);
+      } else {
+        items.delete(item);
+      }
+    });
+  }
+
+  return items;
+}

package/es/hooks/useResizeObserver.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'intact';
+export declare function useResizeObserver(elementRef: RefObject<HTMLElement>, callback: () => void): void;

package/es/hooks/useResizeObserver.js

@@ -0,0 +1,14 @@
+import { onMounted, onBeforeUnmount } from 'intact';
+import ResizeObserver from 'resize-observer-polyfill';
+export function useResizeObserver(elementRef, callback) {
+  var ro;
+  onMounted(function () {
+    ro = new ResizeObserver(callback);
+    ro.observe(elementRef.value);
+  });
+  onBeforeUnmount(function () {
+    if (ro) {
+      ro.disconnect();
+    }
+  });
+}

package/es/hooks/useRouter.d.ts

@@ -0,0 +1 @@
+export declare function useRouter(): import("intact").RefObject<any>;

package/es/hooks/useRouter.js

@@ -0,0 +1,76 @@
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import _Array$from from "@babel/runtime-corejs3/core-js/array/from";
+import _Symbol from "@babel/runtime-corejs3/core-js/symbol";
+import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
+
+function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { var _context; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context = Object.prototype.toString.call(o)).call(_context, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+/**
+ * @brief find the router instance
+ *
+ * in React, find the history of router
+ * for react-router@5, we need get the history from providers
+ * as it use the new context api of React
+ *
+ * in Vue, find the $router
+ */
+import { useInstance, createRef, onMounted } from 'intact';
+export function useRouter() {
+  var instance = useInstance();
+  var ref = createRef();
+  onMounted(function () {
+    ref.value = findRouter(instance);
+  });
+  return ref;
+}
+
+function findRouter(instance) {
+  var Component = instance.constructor;
+
+  if (Component.$cid === 'IntactReact') {
+    // in React
+    var parent = instance;
+
+    while (!parent.$isReact) {
+      parent = parent.$senior;
+      if (!parent) return;
+    }
+
+    for (var _iterator = _createForOfIteratorHelperLoose(parent.$reactProviders), _step; !(_step = _iterator()).done;) {
+      var _step$value = _step.value,
+          key = _step$value[0],
+          value = _step$value[1];
+      var displayName = key._context.displayName; // V6
+
+      if (displayName === 'Navigation') {
+        return value.navigator;
+      } // V5
+
+
+      if (displayName === 'Router') {
+        return value.history;
+      }
+    }
+  } else if (Component.$cid === 'IntactVue') {
+    do {
+      var _parent = instance.$parent;
+
+      if (_parent) {
+        return _parent.$router;
+      }
+    } while (instance = instance.$senior);
+  } else if (Component.$cid === 'IntactVueNext') {
+    // for vue-next
+    do {
+      var vueInstance = instance.vueInstance;
+
+      if (vueInstance) {
+        return vueInstance.proxy.$router;
+      }
+    } while (instance = instance.$senior);
+  }
+}

package/es/hooks/useShowHideEvents.d.ts

@@ -0,0 +1 @@
+export declare function useShowHideEvents(prop?: string, show?: string, hide?: string): void;

package/es/hooks/useShowHideEvents.js

@@ -0,0 +1,25 @@
+import { useInstance } from 'intact';
+export function useShowHideEvents(prop, show, hide) {
+  if (prop === void 0) {
+    prop = 'value';
+  }
+
+  if (show === void 0) {
+    show = 'show';
+  }
+
+  if (hide === void 0) {
+    hide = 'hide';
+  }
+
+  var instance = useInstance();
+  instance.watch(prop, function (value) {
+    if (value) {
+      instance.trigger(show);
+    } else {
+      instance.trigger(hide);
+    }
+  }, {
+    presented: true
+  });
+}

package/es/hooks/useState.d.ts

@@ -0,0 +1,8 @@
+export declare type Listener<T> = (newValue: T, oldValue: T) => void;
+export declare type State<T> = {
+    readonly value: T;
+    set(value: T): void;
+    listeners: Listener<T>[] | null;
+};
+export declare function useState<T>(value: T, isEqual?: (a: T, b: T) => boolean): State<T>;
+export declare function watchState<T>(state: State<T>, callback: Listener<T>): void;

package/es/hooks/useState.js

@@ -0,0 +1,44 @@
+import { useInstance, onUnmounted } from 'intact';
+export function useState(value, isEqual) {
+  var instance = useInstance();
+  var state = {
+    value: value,
+    set: function set(value) {
+      var oldValue = state.value;
+
+      if (isEqual) {
+        if (isEqual(oldValue, value)) {
+          // @ts-ignore
+          state.value = value;
+          return;
+        }
+      } else {
+        if (oldValue === value) return;
+      } // @ts-ignore
+
+
+      state.value = value;
+      instance.forceUpdate();
+      callListeners(state, value, oldValue);
+    },
+    listeners: null
+  };
+  onUnmounted(function () {
+    return state.listeners = null;
+  });
+  return state;
+}
+export function watchState(state, callback) {
+  if (!state.listeners) state.listeners = [];
+  state.listeners.push(callback);
+}
+
+function callListeners(state, newValue, oldValue) {
+  var listeners = state.listeners;
+
+  if (listeners) {
+    for (var i = 0; i < listeners.length; i++) {
+      listeners[i](newValue, oldValue);
+    }
+  }
+}

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

@@ -0,0 +1,91 @@
+declare const i18n: {
+    yearMonthFormat: string;
+    请选择日期和时间: string;
+    请选择日期: string;
+    '\u5F00\u59CB\u65F6\u95F4 ~ \u7ED3\u675F\u65F6\u95F4': string;
+    '\u5F00\u59CB\u65E5\u671F ~ \u7ED3\u675F\u65E5\u671F': string;
+    请选择年份: string;
+    请选择月份: string;
+    '1\u6708': string;
+    '2\u6708': string;
+    '3\u6708': string;
+    '4\u6708': string;
+    '5\u6708': string;
+    '6\u6708': string;
+    '7\u6708': string;
+    '8\u6708': string;
+    '9\u6708': string;
+    '10\u6708': string;
+    '11\u6708': string;
+    '12\u6708': string;
+    日: string;
+    一: string;
+    二: string;
+    三: string;
+    四: string;
+    五: string;
+    六: string;
+    '{n}\u5E74': string;
+    今天: string;
+    昨天: string;
+    明天: string;
+    一周后: string;
+    一月后: string;
+    三月后: string;
+    一周前: string;
+    一月前: string;
+    三月前: string;
+    上一周: string;
+    下一周: string;
+    上一个月: string;
+    下一个月: string;
+    前三个月: string;
+    后三个月: string;
+    请选择时间: string;
+    开始时间: string;
+    结束时间: string;
+    提示: string;
+    确定: string;
+    取消: string;
+    关闭: string;
+    编辑: string;
+    必须填写: string;
+    请输入数字: string;
+    请输入正确的邮箱地址: string;
+    请输入正确的网址: string;
+    请输入正确的日期: string;
+    '\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u65E5\u671F (YYYY-MM-DD)': string;
+    请输入正确的数: string;
+    '\u8BF7\u8F93\u5165\u4E0D\u5927\u4E8E {n} \u7684\u6570': string;
+    '\u8BF7\u8F93\u5165\u4E0D\u5C0F\u4E8E {n} \u7684\u6570': string;
+    '\u8BF7\u8F93\u5165 {n[0]} \u5230 {n[1]} \u4E4B\u95F4\u7684\u6570': string;
+    '\u8BF7\u8F93\u5165\u6B65\u957F\u4E3A {n} \u7684\u6570': string;
+    两次输入不一致: string;
+    两: string;
+    '\u6700\u591A\u9009\u62E9 {n} \u9879': string;
+    '\u6700\u591A\u8F93\u5165 {n} \u4E2A\u5B57\u7B26': string;
+    '\u6700\u5C11\u9009\u62E9 {n} \u9879': string;
+    '\u6700\u5C11\u8F93\u5165 {n} \u4E2A\u5B57\u7B26': string;
+    '\u8BF7\u9009\u62E9 {n} \u5230 {m} \u9879': string;
+    '\u8BF7\u8F93\u5165 {n} \u5230 {m} \u4E2A\u5B57\u7B26': string;
+    '{n} \u6761 / \u9875': string;
+    跳至: string;
+    页: string;
+    '\u5171 {n} \u6761': string;
+    '/(\u3112o\u3112)/~~ \u6CA1\u6709\u627E\u5230\u4EB2\u8981\u7684\u6570\u636E\u54E6~': string;
+    请输入: string;
+    请选择: string;
+    已选择: string;
+    全选: string;
+    清空: string;
+    请输入或选择: string;
+    无数据: string;
+    点击上传: string;
+    '\u5C06\u6587\u4EF6\u62D6\u5230\u6B64\u5904\uFF0C\u6216\u70B9\u51FB\u4E0A\u4F20': string;
+    查看图片: string;
+    '\u8D85\u51FA\u6587\u4EF6\u6570\u91CF\u6700\u5927\u9650\u5236\uFF1A{limit}': string;
+    '"{name}" \u8D85\u51FA\u6587\u4EF6\u6700\u5927\u9650\u5236\uFF1A{maxSize}kb': string;
+    '"{name}" \u6587\u4EF6\u7C7B\u578B\u4E0D\u5408\u6CD5': string;
+    请输入关键字: string;
+};
+export default i18n;

package/es/i18n/en-US.js

@@ -0,0 +1,106 @@
+var i18n = {
+  // datepicker
+  'yearMonthFormat': 'MM YYYY',
+  '请选择日期和时间': 'Please select date and time',
+  '请选择日期': 'Please select date',
+  '开始时间 ~ 结束时间': 'Begin time ~ End time',
+  '开始日期 ~ 结束日期': 'Begin date ~ End date',
+  '请选择年份': 'Please select year',
+  '请选择月份': 'Please select month',
+  '1月': 'Jan',
+  '2月': 'Feb',
+  '3月': 'Mar',
+  '4月': 'Apr',
+  '5月': 'May',
+  '6月': 'Jun',
+  '7月': 'Jul',
+  '8月': 'Aug',
+  '9月': 'Sep',
+  '10月': 'Oct',
+  '11月': 'Nov',
+  '12月': 'Dec',
+  '日': 'Sun',
+  '一': 'Mon',
+  '二': 'Tue',
+  '三': 'Wed',
+  '四': 'Thu',
+  '五': 'Fri',
+  '六': 'Sat',
+  '{n}年': '{n}',
+  '今天': 'Today',
+  '昨天': 'Yesterday',
+  '明天': 'Tomorrow',
+  '一周后': 'After one week',
+  '一月后': 'After one month',
+  '三月后': 'After three months',
+  '一周前': 'Before one week',
+  '一月前': 'Before one month',
+  '三月前': 'Before three months',
+  '上一周': 'Last week',
+  '下一周': 'Next week',
+  '上一个月': 'Last month',
+  '下一个月': 'Next month',
+  '前三个月': 'Last three months',
+  '后三个月': 'Next three months',
+  // timepicker
+  '请选择时间': 'Please select time',
+  '开始时间': 'Begin Time',
+  '结束时间': 'End Time',
+  // dialog
+  '提示': 'Tip',
+  '确定': 'OK',
+  '取消': 'Cancel',
+  '关闭': 'Close',
+  // editable
+  '编辑': 'Edit',
+  // validator
+  '必须填写': 'This field is required.',
+  '请输入数字': 'Please enter only digits.',
+  '请输入正确的邮箱地址': 'Please enter a valid email address.',
+  '请输入正确的网址': 'Please enter a valid URL.',
+  '请输入正确的日期': 'Please enter a valid date.',
+  '请输入正确的日期 (YYYY-MM-DD)': 'Please enter a valid date (ISO).',
+  '请输入正确的数': 'Please enter a valid number.',
+  '请输入不大于 {n} 的数': 'Please enter a value less than or equal to {n}.',
+  '请输入不小于 {n} 的数': 'Please enter a value greater than or equal to {n}.',
+  '请输入 {n[0]} 到 {n[1]} 之间的数': 'Please enter a value between {n[0]} and {n[1]}.',
+  '请输入步长为 {n} 的数': 'Please enter a number which should be a multipe of {n}',
+  '两次输入不一致': 'Please enter the same value again.',
+  '两': '2',
+  '最多选择 {n} 项': 'Please select no more than {n} item{s:n}.',
+  '最多输入 {n} 个字符': 'Please enter no more than {n} character{s:n}.',
+  '最少选择 {n} 项': 'Please select at least {n} item{s:n}.',
+  '最少输入 {n} 个字符': 'Please enter at least {n} character{s:n}.',
+  '请选择 {n} 到 {m} 项': 'Please select {n}~{m} item{s:m}.',
+  '请输入 {n} 到 {m} 个字符': 'Please enter {n}~{m} character{s:m}.',
+  // pagination
+  '{n} 条 / 页': '{n} / page',
+  '跳至': 'Goto',
+  '页': '',
+  '共 {n} 条': 'Total {n}',
+  // table
+  '/(ㄒoㄒ)/~~ 没有找到亲要的数据哦~': '/(ㄒoㄒ)/~~ No data to display.',
+  // transfer
+  '请输入': 'Please enter',
+  '请选择': 'Please select',
+  '已选择': 'Selected',
+  '全选': 'Select all',
+  '清空': 'Clear all',
+  // select
+  '请输入或选择': 'Please enter or select',
+  '无数据': 'No data',
+  // upload
+  '点击上传': 'Click to Upload',
+  '将文件拖到此处，或点击上传': 'Drag file to this area or click to upload',
+  '查看图片': 'View Image',
+  '超出文件数量最大限制：{limit}': 'Exceed the maximum limit of the number of files: {limit}',
+  '"{name}" 超出文件最大限制：{maxSize}kb': '"{name}" exceeds the maximum size of file: {maxSize}kb',
+  '"{name}" 文件类型不合法': '"{name}" invalid file type',
+  // search
+  '请输入关键字': 'Please enter keywords'
+};
+export default i18n;
+
+if (typeof global.Kpc !== 'undefined') {
+  global.Kpc.localize(i18n);
+}

package/es/i18n/index.d.ts

@@ -0,0 +1,5 @@
+declare type Data = Record<string, string | number>;
+export declare function _$(key: null | undefined, data?: any): undefined | null;
+export declare function _$(key: string | number, data?: any): string;
+export declare function localize(data: Data): void;
+export {};

package/es/i18n/index.js

@@ -0,0 +1,45 @@
+import { isObject, get, isNullOrUndefined, isNumber } from 'intact-shared';
+var valueRegexp = /\{([^\}\s]+)\}/g;
+var i18n = {};
+export function _$(key, data) {
+  if (isNullOrUndefined(key)) return;
+  var value = get(i18n, key);
+
+  if (isNullOrUndefined(value)) {
+    value = key;
+  }
+
+  if (isNumber(value)) value = String(value);
+
+  if (data) {
+    value = value.replace(valueRegexp, function (nouse, variable) {
+      var suffix;
+      var index = variable.indexOf(':');
+
+      if (index > 0) {
+        suffix = variable.substr(0, index);
+        suffix = suffix.split('|');
+        variable = variable.substr(index + 1);
+        variable = get(data, variable);
+
+        if (variable > 1) {
+          return suffix.length > 1 ? suffix[1] : suffix[0];
+        } else {
+          return suffix.length > 1 ? suffix[0] : '';
+        }
+      } else {
+        variable = get(data, variable);
+        return isNullOrUndefined(variable) ? nouse : variable;
+      }
+    });
+  }
+
+  return value;
+}
+export function localize(data) {
+  if (!isObject(data)) {
+    throw new Error("expect a object but got " + data);
+  }
+
+  i18n = data;
+}