@nocobase/client 0.5.0-alpha.36 → 0.7.0-alpha.0

package/lib/schemas/password/PasswordStrength.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/password/PasswordStrength.tsx"],"names":[],"mappings":"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","file":"PasswordStrength.js","sourcesContent":["import React, { Fragment } from 'react';\nimport { isFn } from '@formily/shared';\n\ntype ReactRenderPropsChildren<T = any> =\n  | React.ReactNode\n  | ((props: T) => React.ReactElement);\n\ninterface IPasswordStrengthProps {\n  value?: React.ReactText;\n  children?: ReactRenderPropsChildren<number>;\n}\n\nconst isNum = function (c) {\n  return c >= 48 && c <= 57;\n};\nconst isLower = function (c) {\n  return c >= 97 && c <= 122;\n};\nconst isUpper = function (c) {\n  return c >= 65 && c <= 90;\n};\nconst isSymbol = function (c) {\n  return !(isLower(c) || isUpper(c) || isNum(c));\n};\nconst isLetter = function (c) {\n  return isLower(c) || isUpper(c);\n};\n\nconst getStrength = (val) => {\n  if (!val) return 0;\n  let num = 0;\n  let lower = 0;\n  let upper = 0;\n  let symbol = 0;\n  let MNS = 0;\n  let rep = 0;\n  let repC = 0;\n  let consecutive = 0;\n  let sequential = 0;\n  const len = () => num + lower + upper + symbol;\n  const callme = () => {\n    let re = num > 0 ? 1 : 0;\n    re += lower > 0 ? 1 : 0;\n    re += upper > 0 ? 1 : 0;\n    re += symbol > 0 ? 1 : 0;\n    if (re > 2 && len() >= 8) {\n      return re + 1;\n    } else {\n      return 0;\n    }\n  };\n  for (let i = 0; i < val.length; i++) {\n    const c = val.charCodeAt(i);\n    if (isNum(c)) {\n      num++;\n      if (i !== 0 && i !== val.length - 1) {\n        MNS++;\n      }\n      if (i > 0 && isNum(val.charCodeAt(i - 1))) {\n        consecutive++;\n      }\n    } else if (isLower(c)) {\n      lower++;\n      if (i > 0 && isLower(val.charCodeAt(i - 1))) {\n        consecutive++;\n      }\n    } else if (isUpper(c)) {\n      upper++;\n      if (i > 0 && isUpper(val.charCodeAt(i - 1))) {\n        consecutive++;\n      }\n    } else {\n      symbol++;\n      if (i !== 0 && i !== val.length - 1) {\n        MNS++;\n      }\n    }\n    let exists = false;\n    for (let j = 0; j < val.length; j++) {\n      if (val[i] === val[j] && i !== j) {\n        exists = true;\n        repC += Math.abs(val.length / (j - i));\n      }\n    }\n    if (exists) {\n      rep++;\n      const unique = val.length - rep;\n      repC = unique ? Math.ceil(repC / unique) : Math.ceil(repC);\n    }\n    if (i > 1) {\n      const last1 = val.charCodeAt(i - 1);\n      const last2 = val.charCodeAt(i - 2);\n      if (isLetter(c)) {\n        if (isLetter(last1) && isLetter(last2)) {\n          const v = val.toLowerCase();\n          const vi = v.charCodeAt(i);\n          const vi1 = v.charCodeAt(i - 1);\n          const vi2 = v.charCodeAt(i - 2);\n          if (vi - vi1 === vi1 - vi2 && Math.abs(vi - vi1) === 1) {\n            sequential++;\n          }\n        }\n      } else if (isNum(c)) {\n        if (isNum(last1) && isNum(last2)) {\n          if (c - last1 === last1 - last2 && Math.abs(c - last1) === 1) {\n            sequential++;\n          }\n        }\n      } else {\n        if (isSymbol(last1) && isSymbol(last2)) {\n          if (c - last1 === last1 - last2 && Math.abs(c - last1) === 1) {\n            sequential++;\n          }\n        }\n      }\n    }\n  }\n  let sum = 0;\n  const length = len();\n  sum += 4 * length;\n  if (lower > 0) {\n    sum += 2 * (length - lower);\n  }\n  if (upper > 0) {\n    sum += 2 * (length - upper);\n  }\n  if (num !== length) {\n    sum += 4 * num;\n  }\n  sum += 6 * symbol;\n  sum += 2 * MNS;\n  sum += 2 * callme();\n  if (length === lower + upper) {\n    sum -= length;\n  }\n  if (length === num) {\n    sum -= num;\n  }\n  sum -= repC;\n  sum -= 2 * consecutive;\n  sum -= 3 * sequential;\n  sum = sum < 0 ? 0 : sum;\n  sum = sum > 100 ? 100 : sum;\n\n  if (sum >= 80) {\n    return 100;\n  } else if (sum >= 60) {\n    return 80;\n  } else if (sum >= 40) {\n    return 60;\n  } else if (sum >= 20) {\n    return 40;\n  } else {\n    return 20;\n  }\n};\n\nexport const PasswordStrength: React.FC<IPasswordStrengthProps> = (props) => {\n  if (isFn(props.children)) {\n    return props.children(getStrength(String(props.value)));\n  } else {\n    return <Fragment>{props.children}</Fragment>;\n  }\n};\n"]}

package/lib/schemas/password/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { PasswordProps } from 'antd/lib/input';
-export interface IPasswordProps extends PasswordProps {
-    checkStrength: boolean;
-}
-export declare const Password: React.ForwardRefExoticComponent<Partial<IPasswordProps> & React.RefAttributes<unknown>>;
-export default Password;

package/lib/schemas/password/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/password/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAI/C,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,QAAQ,yFAwDpB,CAAC;AAEF,eAAe,QAAQ,CAAC","file":"index.d.ts","sourcesContent":["import React from 'react';\nimport { connect, mapReadPretty } from '@formily/react';\nimport { Input } from 'antd';\nimport { PasswordProps } from 'antd/lib/input';\nimport { PasswordStrength } from './PasswordStrength';\nimport { isValid } from '@formily/shared';\n\nexport interface IPasswordProps extends PasswordProps {\n  checkStrength: boolean;\n}\n\nexport const Password = connect(\n  (props: IPasswordProps) => {\n    const { value, className, checkStrength, ...others } = props;\n    const blockStyle: React.CSSProperties = {\n      position: 'absolute',\n      zIndex: 1,\n      height: 8,\n      top: 0,\n      background: '#fff',\n      width: 1,\n      transform: 'translate(-50%, 0)',\n    };\n    return (\n      <span className={className}>\n        <Input.Password {...others} value={value} />\n        {checkStrength && (\n          <PasswordStrength value={String(value)}>\n            {(score) => {\n              return (\n                <div\n                  style={{\n                    background: '#e0e0e0',\n                    marginBottom: 3,\n                    position: 'relative',\n                  }}\n                >\n                  <div style={{ ...blockStyle, left: '20%' }} />\n                  <div style={{ ...blockStyle, left: '40%' }} />\n                  <div style={{ ...blockStyle, left: '60%' }} />\n                  <div style={{ ...blockStyle, left: '80%' }} />\n                  <div\n                    style={{\n                      position: 'relative',\n                      backgroundImage:\n                        '-webkit-linear-gradient(left, #ff5500, #ff9300)',\n                      transition: 'all 0.35s ease-in-out',\n                      height: 8,\n                      width: '100%',\n                      marginTop: 5,\n                      clipPath: `polygon(0 0,${score}% 0,${score}% 100%,0 100%)`,\n                    }}\n                  />\n                </div>\n              );\n            }}\n          </PasswordStrength>\n        )}\n      </span>\n    );\n  },\n  mapReadPretty((props) => {\n    if (!isValid(props.value)) {\n      return <div></div>;\n    }\n    return <div>********</div>;\n  }),\n);\n\nexport default Password;\n"]}

package/lib/schemas/password/index.js

@@ -1,111 +0,0 @@
-"use strict";
-
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-
-  _react = function _react() {
-    return data;
-  };
-
-  return data;
-}
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Password = void 0;
-
-const react_1 = __importDefault(require("react"));
-
-const react_2 = require("@formily/react");
-
-const antd_1 = require("antd");
-
-const PasswordStrength_1 = require("./PasswordStrength");
-
-const shared_1 = require("@formily/shared");
-
-exports.Password = (0, react_2.connect)(props => {
-  const value = props.value,
-        className = props.className,
-        checkStrength = props.checkStrength,
-        others = __rest(props, ["value", "className", "checkStrength"]);
-
-  const blockStyle = {
-    position: 'absolute',
-    zIndex: 1,
-    height: 8,
-    top: 0,
-    background: '#fff',
-    width: 1,
-    transform: 'translate(-50%, 0)'
-  };
-  return react_1.default.createElement("span", {
-    className: className
-  }, react_1.default.createElement(antd_1.Input.Password, Object.assign({}, others, {
-    value: value
-  })), checkStrength && react_1.default.createElement(PasswordStrength_1.PasswordStrength, {
-    value: String(value)
-  }, score => {
-    return react_1.default.createElement("div", {
-      style: {
-        background: '#e0e0e0',
-        marginBottom: 3,
-        position: 'relative'
-      }
-    }, react_1.default.createElement("div", {
-      style: Object.assign(Object.assign({}, blockStyle), {
-        left: '20%'
-      })
-    }), react_1.default.createElement("div", {
-      style: Object.assign(Object.assign({}, blockStyle), {
-        left: '40%'
-      })
-    }), react_1.default.createElement("div", {
-      style: Object.assign(Object.assign({}, blockStyle), {
-        left: '60%'
-      })
-    }), react_1.default.createElement("div", {
-      style: Object.assign(Object.assign({}, blockStyle), {
-        left: '80%'
-      })
-    }), react_1.default.createElement("div", {
-      style: {
-        position: 'relative',
-        backgroundImage: '-webkit-linear-gradient(left, #ff5500, #ff9300)',
-        transition: 'all 0.35s ease-in-out',
-        height: 8,
-        width: '100%',
-        marginTop: 5,
-        clipPath: `polygon(0 0,${score}% 0,${score}% 100%,0 100%)`
-      }
-    }));
-  }));
-}, (0, react_2.mapReadPretty)(props => {
-  if (!(0, shared_1.isValid)(props.value)) {
-    return react_1.default.createElement("div", null);
-  }
-
-  return react_1.default.createElement("div", null, "********");
-}));
-exports.default = exports.Password;
-//# sourceMappingURL=index.js.map

package/lib/schemas/password/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/password/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,0CAAwD;AACxD,+BAA6B;AAE7B,yDAAsD;AACtD,4CAA0C;AAM7B,QAAA,QAAQ,GAAG,IAAA,eAAO,EAC7B,CAAC,KAAqB,EAAE,EAAE;IACxB,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,KAAgB,KAAK,EAAhB,MAAM,UAAK,KAAK,EAAtD,uCAA8C,CAAQ,CAAC;IAC7D,MAAM,UAAU,GAAwB;QACtC,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,CAAC;QACT,GAAG,EAAE,CAAC;QACN,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,CAAC;QACR,SAAS,EAAE,oBAAoB;KAChC,CAAC;IACF,OAAO,CACL,wCAAM,SAAS,EAAE,SAAS;QACxB,8BAAC,YAAK,CAAC,QAAQ,oBAAK,MAAM,IAAE,KAAK,EAAE,KAAK,IAAI;QAC3C,aAAa,IAAI,CAChB,8BAAC,mCAAgB,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IACnC,CAAC,KAAK,EAAE,EAAE;YACT,OAAO,CACL,uCACE,KAAK,EAAE;oBACL,UAAU,EAAE,SAAS;oBACrB,YAAY,EAAE,CAAC;oBACf,QAAQ,EAAE,UAAU;iBACrB;gBAED,uCAAK,KAAK,kCAAO,UAAU,KAAE,IAAI,EAAE,KAAK,MAAM;gBAC9C,uCAAK,KAAK,kCAAO,UAAU,KAAE,IAAI,EAAE,KAAK,MAAM;gBAC9C,uCAAK,KAAK,kCAAO,UAAU,KAAE,IAAI,EAAE,KAAK,MAAM;gBAC9C,uCAAK,KAAK,kCAAO,UAAU,KAAE,IAAI,EAAE,KAAK,MAAM;gBAC9C,uCACE,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,eAAe,EACb,iDAAiD;wBACnD,UAAU,EAAE,uBAAuB;wBACnC,MAAM,EAAE,CAAC;wBACT,KAAK,EAAE,MAAM;wBACb,SAAS,EAAE,CAAC;wBACZ,QAAQ,EAAE,eAAe,KAAK,OAAO,KAAK,gBAAgB;qBAC3D,GACD,CACE,CACP,CAAC;QACJ,CAAC,CACgB,CACpB,CACI,CACR,CAAC;AACJ,CAAC,EACD,IAAA,qBAAa,EAAC,CAAC,KAAK,EAAE,EAAE;IACtB,IAAI,CAAC,IAAA,gBAAO,EAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACzB,OAAO,0CAAW,CAAC;KACpB;IACD,OAAO,sDAAmB,CAAC;AAC7B,CAAC,CAAC,CACH,CAAC;AAEF,kBAAe,gBAAQ,CAAC","file":"index.js","sourcesContent":["import React from 'react';\nimport { connect, mapReadPretty } from '@formily/react';\nimport { Input } from 'antd';\nimport { PasswordProps } from 'antd/lib/input';\nimport { PasswordStrength } from './PasswordStrength';\nimport { isValid } from '@formily/shared';\n\nexport interface IPasswordProps extends PasswordProps {\n  checkStrength: boolean;\n}\n\nexport const Password = connect(\n  (props: IPasswordProps) => {\n    const { value, className, checkStrength, ...others } = props;\n    const blockStyle: React.CSSProperties = {\n      position: 'absolute',\n      zIndex: 1,\n      height: 8,\n      top: 0,\n      background: '#fff',\n      width: 1,\n      transform: 'translate(-50%, 0)',\n    };\n    return (\n      <span className={className}>\n        <Input.Password {...others} value={value} />\n        {checkStrength && (\n          <PasswordStrength value={String(value)}>\n            {(score) => {\n              return (\n                <div\n                  style={{\n                    background: '#e0e0e0',\n                    marginBottom: 3,\n                    position: 'relative',\n                  }}\n                >\n                  <div style={{ ...blockStyle, left: '20%' }} />\n                  <div style={{ ...blockStyle, left: '40%' }} />\n                  <div style={{ ...blockStyle, left: '60%' }} />\n                  <div style={{ ...blockStyle, left: '80%' }} />\n                  <div\n                    style={{\n                      position: 'relative',\n                      backgroundImage:\n                        '-webkit-linear-gradient(left, #ff5500, #ff9300)',\n                      transition: 'all 0.35s ease-in-out',\n                      height: 8,\n                      width: '100%',\n                      marginTop: 5,\n                      clipPath: `polygon(0 0,${score}% 0,${score}% 100%,0 100%)`,\n                    }}\n                  />\n                </div>\n              );\n            }}\n          </PasswordStrength>\n        )}\n      </span>\n    );\n  },\n  mapReadPretty((props) => {\n    if (!isValid(props.value)) {\n      return <div></div>;\n    }\n    return <div>********</div>;\n  }),\n);\n\nexport default Password;\n"]}

package/lib/schemas/radio/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { RadioProps, RadioGroupProps } from 'antd/lib/radio';
-declare type ComposedRadio = React.FC<RadioProps> & {
-    Group?: React.FC<RadioGroupProps>;
-    __ANT_RADIO?: boolean;
-};
-export declare const Radio: ComposedRadio;
-export default Radio;

package/lib/schemas/radio/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAG7D,aAAK,aAAa,GAAG,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,aAMnB,CAAC;AA+BF,eAAe,KAAK,CAAC","file":"index.d.ts","sourcesContent":["import React from 'react';\nimport {\n  connect,\n  mapProps,\n  mapReadPretty,\n  SchemaOptionsContext,\n  useField,\n} from '@formily/react';\nimport { Radio as AntdRadio, Tag } from 'antd';\nimport { RadioProps, RadioGroupProps } from 'antd/lib/radio';\nimport { isValid } from '@formily/shared';\n\ntype ComposedRadio = React.FC<RadioProps> & {\n  Group?: React.FC<RadioGroupProps>;\n  __ANT_RADIO?: boolean;\n};\n\nexport const Radio: ComposedRadio = connect(\n  AntdRadio,\n  mapProps({\n    value: 'checked',\n    onInput: 'onChange',\n  }),\n);\n\nRadio.__ANT_RADIO = true;\n\nRadio.Group = connect(\n  AntdRadio.Group,\n  mapProps({\n    dataSource: 'options',\n  }),\n  mapReadPretty((props) => {\n    if (!isValid(props.value)) {\n      return <div></div>;\n    }\n    const { options = [], value } = props;\n    const field = useField<any>();\n    const dataSource = field.dataSource || [];\n    console.log({ dataSource });\n    return (\n      <div>\n        {dataSource\n          .filter((option) => option.value === value)\n          .map((option, key) => (\n            <Tag key={key} color={option.color}>\n              {option.label}\n            </Tag>\n          ))}\n      </div>\n    );\n  }),\n);\n\nexport default Radio;\n"]}

package/lib/schemas/radio/index.js

@@ -1,60 +0,0 @@
-"use strict";
-
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-
-  _react = function _react() {
-    return data;
-  };
-
-  return data;
-}
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Radio = void 0;
-
-const react_1 = __importDefault(require("react"));
-
-const react_2 = require("@formily/react");
-
-const antd_1 = require("antd");
-
-const shared_1 = require("@formily/shared");
-
-exports.Radio = (0, react_2.connect)(antd_1.Radio, (0, react_2.mapProps)({
-  value: 'checked',
-  onInput: 'onChange'
-}));
-exports.Radio.__ANT_RADIO = true;
-exports.Radio.Group = (0, react_2.connect)(antd_1.Radio.Group, (0, react_2.mapProps)({
-  dataSource: 'options'
-}), (0, react_2.mapReadPretty)(props => {
-  if (!(0, shared_1.isValid)(props.value)) {
-    return react_1.default.createElement("div", null);
-  }
-
-  const _props$options = props.options,
-        options = _props$options === void 0 ? [] : _props$options,
-        value = props.value;
-  const field = (0, react_2.useField)();
-  const dataSource = field.dataSource || [];
-  console.log({
-    dataSource
-  });
-  return react_1.default.createElement("div", null, dataSource.filter(option => option.value === value).map((option, key) => react_1.default.createElement(antd_1.Tag, {
-    key: key,
-    color: option.color
-  }, option.label)));
-}));
-exports.default = exports.Radio;
-//# sourceMappingURL=index.js.map

package/lib/schemas/radio/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/radio/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0CAMwB;AACxB,+BAA+C;AAE/C,4CAA0C;AAO7B,QAAA,KAAK,GAAkB,IAAA,eAAO,EACzC,YAAS,EACT,IAAA,gBAAQ,EAAC;IACP,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,UAAU;CACpB,CAAC,CACH,CAAC;AAEF,aAAK,CAAC,WAAW,GAAG,IAAI,CAAC;AAEzB,aAAK,CAAC,KAAK,GAAG,IAAA,eAAO,EACnB,YAAS,CAAC,KAAK,EACf,IAAA,gBAAQ,EAAC;IACP,UAAU,EAAE,SAAS;CACtB,CAAC,EACF,IAAA,qBAAa,EAAC,CAAC,KAAK,EAAE,EAAE;IACtB,IAAI,CAAC,IAAA,gBAAO,EAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACzB,OAAO,0CAAW,CAAC;KACpB;IACD,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACtC,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAO,CAAC;IAC9B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;IAC1C,OAAO,CAAC,GAAG,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;IAC5B,OAAO,CACL,2CACG,UAAU;SACR,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC;SAC1C,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CACpB,8BAAC,UAAG,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,IAC/B,MAAM,CAAC,KAAK,CACT,CACP,CAAC,CACA,CACP,CAAC;AACJ,CAAC,CAAC,CACH,CAAC;AAEF,kBAAe,aAAK,CAAC","file":"index.js","sourcesContent":["import React from 'react';\nimport {\n  connect,\n  mapProps,\n  mapReadPretty,\n  SchemaOptionsContext,\n  useField,\n} from '@formily/react';\nimport { Radio as AntdRadio, Tag } from 'antd';\nimport { RadioProps, RadioGroupProps } from 'antd/lib/radio';\nimport { isValid } from '@formily/shared';\n\ntype ComposedRadio = React.FC<RadioProps> & {\n  Group?: React.FC<RadioGroupProps>;\n  __ANT_RADIO?: boolean;\n};\n\nexport const Radio: ComposedRadio = connect(\n  AntdRadio,\n  mapProps({\n    value: 'checked',\n    onInput: 'onChange',\n  }),\n);\n\nRadio.__ANT_RADIO = true;\n\nRadio.Group = connect(\n  AntdRadio.Group,\n  mapProps({\n    dataSource: 'options',\n  }),\n  mapReadPretty((props) => {\n    if (!isValid(props.value)) {\n      return <div></div>;\n    }\n    const { options = [], value } = props;\n    const field = useField<any>();\n    const dataSource = field.dataSource || [];\n    console.log({ dataSource });\n    return (\n      <div>\n        {dataSource\n          .filter((option) => option.value === value)\n          .map((option, key) => (\n            <Tag key={key} color={option.color}>\n              {option.label}\n            </Tag>\n          ))}\n      </div>\n    );\n  }),\n);\n\nexport default Radio;\n"]}

package/lib/schemas/select/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import './index.less';
-export declare const Select: any;
-export declare const useSelectedRowKeys: () => {
-    selectedRowKeys: any;
-    setSelectedRowKeys: React.Dispatch<any>;
-};
-export declare function useSelect(): {
-    run(): Promise<void>;
-};
-export declare function useOptionTagValues(): any;
-export default Select;

package/lib/schemas/select/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAoCzC,OAAO,cAAc,CAAC;AAGtB,eAAO,MAAM,MAAM,EAAE,GAmFpB,CAAC;AA0JF,eAAO,MAAM,kBAAkB;;;CAU9B,CAAC;AA2PF,wBAAgB,SAAS;;EAOxB;AAED,wBAAgB,kBAAkB,QAGjC;AAeD,eAAe,MAAM,CAAC","file":"index.d.ts","sourcesContent":["import React, { useEffect } from 'react';\nimport {\n  connect,\n  mapReadPretty,\n  mapProps,\n  useField,\n  observer,\n  RecursionField,\n  useFieldSchema,\n  Schema,\n} from '@formily/react';\nimport { Drawer, Select as AntdSelect, Tag } from 'antd';\nimport { PreviewText } from '@formily/antd';\nimport { LoadingOutlined } from '@ant-design/icons';\nimport { SelectProps } from 'antd/lib/select';\nimport { isArr, isValid, toArr } from '@formily/shared';\nimport { useState } from 'react';\nimport { useDesignable } from '../';\nimport { createContext } from 'react';\nimport { useContext } from 'react';\nimport { get, isEmpty } from 'lodash';\nimport { Field, isArrayField, isField } from '@formily/core';\nimport { Action } from '../action';\nimport { BlockSchemaContext, VisibleContext } from '../../context';\nimport { SchemaRenderer } from '../../components/schema-renderer';\nimport { uid } from '@formily/shared';\nimport { CollectionFieldContext } from '../table';\nimport {\n  CollectionProvider,\n  useCollectionContext,\n  useResourceRequest,\n} from '../../constate';\nimport { Resource } from '../../resource';\nimport { useRequest } from 'ahooks';\nimport constate from 'constate';\n\nimport './index.less';\nimport { useCompile } from '../../hooks/useCompile';\n\nexport const Select: any = connect(\n  (props) => {\n    const { options = [], ...others } = props;\n    const compile = useCompile();\n    return (\n      <AntdSelect {...others}>\n        {options.map((option: any, key: any) => {\n          if (option.children) {\n            return (\n              <AntdSelect.OptGroup key={key} label={option.label}>\n                {option.children.map((child: any, childKey: any) => (\n                  <AntdSelect.Option key={`${key}-${childKey}`} {...child}>\n                    {compile(child.label)}\n                  </AntdSelect.Option>\n                ))}\n              </AntdSelect.OptGroup>\n            );\n          } else {\n            return (\n              <AntdSelect.Option key={key} {...option}>\n                {compile(option.label)}\n              </AntdSelect.Option>\n            );\n          }\n        })}\n      </AntdSelect>\n    );\n  },\n  mapProps(\n    {\n      dataSource: 'options',\n      loading: true,\n    },\n    (props, field) => {\n      return {\n        ...props,\n        suffixIcon:\n          field?.['loading'] || field?.['validating'] ? (\n            <LoadingOutlined />\n          ) : (\n            props.suffixIcon\n          ),\n      };\n    },\n  ),\n  mapReadPretty((props) => {\n    // console.log('mapReadPretty', props.value)\n    // return <div></div>;\n    if (!isValid(props.value)) {\n      return <div></div>;\n    }\n    const compile = useCompile();\n    const field = useField<any>();\n    if (isArrayField(field) && field?.value?.length === 0) {\n      return <div></div>;\n    }\n    const dataSource = field.dataSource || [];\n    console.log('field.value', field.value, dataSource);\n    const values = toArr(field.value);\n    const findOptions = (options: any[]) => {\n      let current = [];\n      for (const option of options) {\n        if (values.includes(option.value)) {\n          current.push(option);\n        }\n        if (option.children) {\n          const children = findOptions(option.children);\n          current.push(...children);\n        }\n      }\n      return current;\n    };\n    const options = findOptions(dataSource);\n    return (\n      <div>\n        {options.map((option, key) => (\n          <Tag key={key} color={option.color}>\n            {compile(option.label)}\n          </Tag>\n        ))}\n      </div>\n    );\n  }),\n);\n\nSelect.Object = connect(\n  (props) => {\n    const field = useField();\n    const {\n      value,\n      onChange,\n      fieldNames = {\n        label: 'label',\n        value: 'value',\n      },\n      ...others\n    } = props;\n    const options = field?.['dataSource'] || props.options || [];\n    let optionValue = undefined;\n    if (isArr(value)) {\n      optionValue = value.map((val) => {\n        return {\n          label: val[fieldNames.label],\n          value: val[fieldNames.value],\n        };\n      });\n    } else if (value) {\n      optionValue = {\n        label: value[fieldNames.label],\n        value: value[fieldNames.value],\n      };\n    }\n    return (\n      <AntdSelect\n        allowClear\n        labelInValue\n        {...others}\n        value={optionValue}\n        onChange={(selectValue: any) => {\n          if (!isValid(selectValue)) {\n            onChange(null);\n            return;\n          }\n          if (isArr(selectValue)) {\n            const selectValues = selectValue.map((s) => s.value);\n            const values = {};\n            if (isArr(value)) {\n              value.forEach((option) => {\n                const val = option[fieldNames.value];\n                if (selectValues.includes(val)) {\n                  values[val] = option;\n                }\n              });\n            }\n            options.forEach((option) => {\n              const val = option[fieldNames.value];\n              if (selectValues.includes(val)) {\n                values[val] = option;\n              }\n            });\n            console.log({ selectValue, values });\n            onChange(Object.values(values));\n          } else {\n            // 这里不能用 undefined，需要用 null\n            onChange(\n              options.find(\n                (option) => option[fieldNames.value] === selectValue.value,\n              ),\n            );\n          }\n        }}\n        options={options.map((option) => {\n          return {\n            label: option[fieldNames.label],\n            value: option[fieldNames.value],\n          };\n        })}\n      />\n    );\n  },\n  mapProps(\n    {\n      dataSource: 'options',\n      loading: true,\n    },\n    (props, field) => {\n      return {\n        ...props,\n        options: field?.['dataSource'],\n        suffixIcon:\n          field?.['loading'] || field?.['validating'] ? (\n            <LoadingOutlined />\n          ) : (\n            props.suffixIcon\n          ),\n      };\n    },\n  ),\n  mapReadPretty(\n    observer((props: any) => {\n      const {\n        value,\n        fieldNames = { label: 'label', color: 'color' },\n        ...others\n      } = props;\n      if (!value) {\n        return null;\n      }\n      if (isEmpty(value)) {\n        return null;\n      }\n      const values = toArr(value);\n      return (\n        <div>\n          {values.map((val) =>\n            fieldNames.color ? (\n              <Tag color={val[fieldNames.color]}>{val[fieldNames.label]}</Tag>\n            ) : (\n              <Tag>{val[fieldNames.label]}</Tag>\n            ),\n          )}\n        </div>\n      );\n    }),\n  ),\n);\n\nconst OptionTagContext = createContext(null);\n\nconst SelectedRowsContext = createContext<any>({});\n\nSelect.useOkAction = () => {\n  const { props } = useContext(SelectContext);\n  const { selectedRows } = useContext(SelectedRowsContext);\n  return {\n    async run() {\n      props.onChange(selectedRows);\n      console.log('selectedRows', selectedRows);\n    },\n  };\n};\n\nSelect.useRowSelection = () => {\n  const { props } = useContext(SelectContext);\n  return {\n    type: props.multiple ? 'checkbox' : 'radio',\n  };\n};\n\nSelect.useSelect = () => {\n  const { setSelectedRows } = useContext(SelectedRowsContext);\n  return (keys, rows) => {\n    setSelectedRows && setSelectedRows(rows);\n    console.log('Select.onSelect', keys, rows);\n  };\n};\n\nexport const useSelectedRowKeys = () => {\n  const { rowKey, selectedRows } = useContext(SelectedRowsContext);\n  const [selectedRowKeys, setSelectedRowKeys] = useState<any>(\n    selectedRows.map((row) => row[rowKey]),\n  );\n  useEffect(() => {\n    setSelectedRowKeys(selectedRows.map((row) => row[rowKey]));\n  }, [selectedRows]);\n  console.log('useSelectedRowKeys', selectedRows);\n  return { selectedRowKeys, setSelectedRowKeys };\n};\n\nSelect.useSelectedRowKeys = useSelectedRowKeys;\n\nconst SelectContext = createContext(null);\n\nSelect.Drawer = connect(\n  (props) => {\n    const field = useField<Field>();\n    const {\n      onChange,\n      // fieldNames = {\n      //   label: 'id',\n      //   value: 'id',\n      // },\n      ...others\n    } = props;\n    let value = props.value;\n    const [visible, setVisible] = useState(false);\n    const { schema } = useDesignable();\n    const fieldNames = {\n      label: 'id',\n      value: 'id',\n      ...(get(schema['x-component-props'], 'fieldNames') || {}),\n    };\n    const options = field?.['dataSource'] || props.options || [];\n    if (props.multiple) {\n      Object.assign(others, {\n        mode: 'multiple',\n      });\n    }\n    let optionValue = undefined;\n    if (props.multiple) {\n      value = toArr(value);\n    }\n    if (isArr(value)) {\n      optionValue = value.map((val) => {\n        return {\n          label: val[fieldNames.label],\n          value: val[fieldNames.value],\n        };\n      });\n    } else if (value) {\n      optionValue = {\n        label: value[fieldNames.label],\n        value: value[fieldNames.value],\n      };\n    }\n    const [selectedRows, setSelectedRows] = useState(toArr(field.value));\n    console.log('fieldNames', { fieldNames, field, value });\n    console.log('useSelectedRowKeys.toArr', toArr(field.value));\n    useEffect(() => {\n      setSelectedRows(toArr(field.value));\n    }, [field.value]);\n    const onFieldChange = (selectValue) => {\n      if (!isValid(selectValue)) {\n        onChange(null);\n        return;\n      }\n      if (isArr(selectValue)) {\n        const values = {};\n        if (isArr(value)) {\n          value.forEach((option) => {\n            const val = option[fieldNames.value];\n            if (selectValue.includes(val)) {\n              values[val] = option;\n            }\n          });\n        }\n        options.forEach((option) => {\n          const val = option[fieldNames.value];\n          if (selectValue.includes(val)) {\n            values[val] = option;\n          }\n        });\n        onChange(Object.values(values));\n      } else {\n        // 这里不能用 undefined，需要用 null\n        onChange(\n          options.find((option) => option[fieldNames.value] === selectValue),\n        );\n      }\n      // setSelectedRows(toArr(field.value));\n    };\n    // const selectedKeys = toArr(optionValue).map((item) => item.value);\n    const collectionField = useContext(CollectionFieldContext);\n    // console.log({ optionValue, value, schema, collectionField });\n    return (\n      <SelectContext.Provider value={{ field, schema, props }}>\n        <VisibleContext.Provider value={[visible, setVisible]}>\n          <AntdSelect\n            {...others}\n            labelInValue\n            open={false}\n            value={optionValue}\n            onClick={() => {\n              setVisible(true);\n            }}\n            onChange={(selectValue: any) => {\n              if (!selectValue) {\n                onChange(null);\n                return;\n              }\n              if (isArr(selectValue)) {\n                const selectValues = selectValue.map((s) => s.value);\n                onFieldChange(selectValues);\n              } else {\n                onFieldChange(selectValue.value);\n              }\n            }}\n          ></AntdSelect>\n          <SelectedRowsContext.Provider\n            value={{ rowKey: collectionField?.targetKey || 'id', selectedRows, setSelectedRows }}\n          >\n            <CollectionProvider collectionName={collectionField?.target}>\n              <RecursionField\n                onlyRenderProperties\n                schema={schema}\n                filterProperties={(s) => {\n                  if (s['x-component'] === 'Select.Options.Drawer') {\n                    const prop = Object.values(s.properties).shift();\n                    if (prop) {\n                      prop['x-component-props']['rowKey'] = collectionField?.targetKey || 'id';\n                    }\n                  }\n                  return s['x-component'] === 'Select.Options.Drawer';\n                }}\n              />\n            </CollectionProvider>\n          </SelectedRowsContext.Provider>\n        </VisibleContext.Provider>\n      </SelectContext.Provider>\n    );\n  },\n  mapProps(\n    {\n      dataSource: 'options',\n      loading: true,\n    },\n    (props, field) => {\n      return {\n        ...props,\n        options: field?.['dataSource'],\n        suffixIcon:\n          field?.['loading'] || field?.['validating'] ? (\n            <LoadingOutlined />\n          ) : (\n            props.suffixIcon\n          ),\n      };\n    },\n  ),\n  mapReadPretty(\n    observer((props: any) => {\n      const collectionField = useContext(CollectionFieldContext);\n      const field = useField<Field>();\n      const { ...others } = props;\n      const value = field.value || field.initialValue;\n      const { schema } = useDesignable();\n      const fieldNames = {\n        label: 'id',\n        value: 'id',\n        ...(get(schema['x-component-props'], 'fieldNames') || {}),\n      };\n      console.log('fieldNames', { fieldNames, field, value });\n      if (!value) {\n        return null;\n      }\n      const values = toArr(value);\n      const s = schema.reduceProperties((buf, current) => {\n        if (current['x-component'] === 'Select.OptionTag') {\n          return current;\n        }\n        return buf;\n      }, null);\n      return (\n        <div>\n          <BlockSchemaContext.Provider value={schema}>\n            <CollectionProvider collectionName={collectionField?.target}>\n              {values.map((data, index) => {\n                return (\n                  <OptionTagContext.Provider\n                    value={{ index, data, fieldNames }}\n                  >\n                    {s ? (\n                      <RecursionField name={s.name} schema={s} />\n                    ) : (\n                      data[fieldNames.label]\n                    )}\n                  </OptionTagContext.Provider>\n                );\n              })}\n            </CollectionProvider>\n          </BlockSchemaContext.Provider>\n        </div>\n      );\n    }),\n  ),\n);\n\nSelect.Drawer.useResource = ({ onSuccess }) => {\n  const { collection } = useCollectionContext();\n  const ctx = useContext(OptionTagContext);\n  const resource = useResourceRequest({\n    resourceName: collection?.name,\n    resourceIndex: ctx.data.id,\n  });\n  console.log('OptionTagContext', ctx.data.id);\n  const { schema } = useDesignable();\n  const fieldFields = (schema: Schema) => {\n    const names = [];\n    schema.reduceProperties((buf, current) => {\n      if (current['x-component'] === 'Form.Field') {\n        const fieldName = current['x-component-props']?.['fieldName'];\n        if (fieldName) {\n          buf.push(fieldName);\n        }\n      } else {\n        const fieldNames = fieldFields(current);\n        buf.push(...fieldNames);\n      }\n      return buf;\n    }, names);\n    return names;\n  };\n  const [visible] = useContext(VisibleContext);\n  const service = useRequest(\n    (params?: any) => {\n      console.log('Table.useResource', params);\n      return resource.get({ ...params, appends: fieldFields(schema) });\n    },\n    {\n      formatResult: (result) => result?.data,\n      onSuccess,\n      manual: true,\n    },\n  );\n  useEffect(() => {\n    if (visible) {\n      service.run();\n    }\n  }, [visible]);\n  return { resource, service, initialValues: service.data, ...service };\n};\n\nSelect.Options = observer((props) => {\n  return <>{props.children}</>;\n});\n\nSelect.Options.Drawer = Action.Drawer;\n\nexport function useSelect() {\n  const { onChange } = useContext(SelectContext);\n  return {\n    async run() {\n      onChange && onChange([]);\n    },\n  };\n}\n\nexport function useOptionTagValues() {\n  const { data } = useContext(OptionTagContext);\n  return data;\n}\n\nSelect.OptionTag = observer((props) => {\n  const [visible, setVisible] = useState(false);\n  const { data, fieldNames } = useContext(OptionTagContext);\n  return (\n    <VisibleContext.Provider value={[visible, setVisible]}>\n      <a className=\"option-tag\" onClick={() => setVisible(true)}>\n        {data[fieldNames.label]}\n      </a>\n      {props.children}\n    </VisibleContext.Provider>\n  );\n});\n\nexport default Select;\n"]}