@hzab/form-render 0.0.2 → 0.1.1

package/README.md

@@ -117,9 +117,9 @@ import FormRender from "@hzab/form-render";
 ### InfoPanel Attributes
 
 | 参数          | 类型    | 必填 | 默认值     | 说明                                   |
-| ------------- | ------- | ---- | ---------- | -------------------------------------- | --- |
+| ------------- | ------- | ---- | ---------- | -------------------------------------- |
 | schema        | Object  | 是   | -          | 数据信息的 schema                      |
-| schemaScope   | Object  | 否   | -          | 全局作用域，用于实现协议表达式变量注入 |     |
+| schemaScope   | Object  | 否   | -          | 全局作用域，用于实现协议表达式变量注入 |
 | layout        | Object  | 否   | horizontal | 表单布局，horizontal vertical \ inline |
 | initialValues | Object  | 否   | -          | form 初始值                            |
 | components    | Object  | 否   | -          | 自定义组件                             |
@@ -137,7 +137,7 @@ import FormRender from "@hzab/form-render";
 
 - 使用 表单编辑器生成：https://designable-antd.formilyjs.org/
 
-```json
+```js
 {
   "form": {
     "labelCol": 6,

package/lib/index.js

@@ -1 +1 @@
-!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("@formily/antd"),require("@formily/core"),require("@formily/react"),require("antd"),require("react")):"function"==typeof define&&define.amd?define(["@formily/antd","@formily/core","@formily/react","antd","react"],r):"object"==typeof exports?exports["form-render"]=r(require("@formily/antd"),require("@formily/core"),require("@formily/react"),require("antd"),require("react")):e["form-render"]=r(e["@formily/antd"],e["@formily/core"],e["@formily/react"],e.antd,e.react)}(self,((e,r,t,n,o)=>(()=>{"use strict";var a={45:(e,r,t)=>{t.d(r,{Z:()=>c});var n=t(81),o=t.n(n),a=t(645),i=t.n(a)()(o());i.push([e.id,"",""]);const c=i},645:e=>{e.exports=function(e){var r=[];return r.toString=function(){return this.map((function(r){var t="",n=void 0!==r[5];return r[4]&&(t+="@supports (".concat(r[4],") {")),r[2]&&(t+="@media ".concat(r[2]," {")),n&&(t+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),t+=e(r),n&&(t+="}"),r[2]&&(t+="}"),r[4]&&(t+="}"),t})).join("")},r.i=function(e,t,n,o,a){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(n)for(var c=0;c<this.length;c++){var u=this[c][0];null!=u&&(i[u]=!0)}for(var l=0;l<e.length;l++){var s=[].concat(e[l]);n&&i[s[0]]||(void 0!==a&&(void 0===s[5]||(s[1]="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {").concat(s[1],"}")),s[5]=a),t&&(s[2]?(s[1]="@media ".concat(s[2]," {").concat(s[1],"}"),s[2]=t):s[2]=t),o&&(s[4]?(s[1]="@supports (".concat(s[4],") {").concat(s[1],"}"),s[4]=o):s[4]="".concat(o)),r.push(s))}},r}},81:e=>{e.exports=function(e){return e[1]}},379:e=>{var r=[];function t(e){for(var t=-1,n=0;n<r.length;n++)if(r[n].identifier===e){t=n;break}return t}function n(e,n){for(var a={},i=[],c=0;c<e.length;c++){var u=e[c],l=n.base?u[0]+n.base:u[0],s=a[l]||0,f="".concat(l," ").concat(s);a[l]=s+1;var p=t(f),m={css:u[1],media:u[2],sourceMap:u[3],supports:u[4],layer:u[5]};if(-1!==p)r[p].references++,r[p].updater(m);else{var d=o(m,n);n.byIndex=c,r.splice(c,0,{identifier:f,updater:d,references:1})}i.push(f)}return i}function o(e,r){var t=r.domAPI(r);t.update(e);return function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap&&r.supports===e.supports&&r.layer===e.layer)return;t.update(e=r)}else t.remove()}}e.exports=function(e,o){var a=n(e=e||[],o=o||{});return function(e){e=e||[];for(var i=0;i<a.length;i++){var c=t(a[i]);r[c].references--}for(var u=n(e,o),l=0;l<a.length;l++){var s=t(a[l]);0===r[s].references&&(r[s].updater(),r.splice(s,1))}a=u}}},569:e=>{var r={};e.exports=function(e,t){var n=function(e){if(void 0===r[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}r[e]=t}return r[e]}(e);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(t)}},216:e=>{e.exports=function(e){var r=document.createElement("style");return e.setAttributes(r,e.attributes),e.insert(r,e.options),r}},565:(e,r,t)=>{e.exports=function(e){var r=t.nc;r&&e.setAttribute("nonce",r)}},795:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var r=e.insertStyleElement(e);return{update:function(t){!function(e,r,t){var n="";t.supports&&(n+="@supports (".concat(t.supports,") {")),t.media&&(n+="@media ".concat(t.media," {"));var o=void 0!==t.layer;o&&(n+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),n+=t.css,o&&(n+="}"),t.media&&(n+="}"),t.supports&&(n+="}");var a=t.sourceMap;a&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),r.styleTagTransform(n,e,r.options)}(r,e,t)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(r)}}}},589:e=>{e.exports=function(e,r){if(r.styleSheet)r.styleSheet.cssText=e;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(e))}}},54:r=>{r.exports=e},563:e=>{e.exports=r},505:e=>{e.exports=t},721:e=>{e.exports=n},156:e=>{e.exports=o}},i={};function c(e){var r=i[e];if(void 0!==r)return r.exports;var t=i[e]={id:e,exports:{}};return a[e](t,t.exports,c),t.exports}c.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return c.d(r,{a:r}),r},c.d=(e,r)=>{for(var t in r)c.o(r,t)&&!c.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},c.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.nc=void 0;var u={};return(()=>{c.r(u),c.d(u,{default:()=>q});var e={};function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function t(e){var t=function(e,t){if("object"!==r(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===r(t)?t:String(t)}function n(e,r,n){return(r=t(r))in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}c.r(e),c.d(e,{Text:()=>b});var o=c(156),a=c.n(o),i=c(563),l=c(505),s=c(54),f=c(721);function p(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var m=["value","mode","content","className"];function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function y(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?d(Object(t),!0).forEach((function(r){n(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const b=(0,l.connect)((function(e){var r=e.value,t=e.mode,n=e.content,o=e.className,i=p(e,m),c="normal"!==t&&t?t:"div";return console.log("props",i.readOnly),a().createElement(c,y({className:"formily-text ".concat(o)},i),r||n)}),(0,l.mapProps)((function(e,r){return y(y({},e),{},{form:r.form,field:r})})));var v=c(379),h=c.n(v),O=c(795),S=c.n(O),g=c(569),j=c.n(g),P=c(565),x=c.n(P),w=c(216),T=c.n(w),C=c(589),E=c.n(C),F=c(45),k={};k.styleTagTransform=E(),k.setAttributes=x(),k.insert=j().bind(null,"head"),k.domAPI=S(),k.insertStyleElement=T();h()(F.Z,k);F.Z&&F.Z.locals&&F.Z.locals;function N(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function I(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?N(Object(t),!0).forEach((function(r){n(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const q=(0,o.forwardRef)((function(r,t){var n=(0,o.useCallback)((0,l.createSchemaField)({components:I(I({Space:s.Space,FormGrid:s.FormGrid,FormLayout:s.FormLayout,FormTab:s.FormTab,FormCollapse:s.FormCollapse,ArrayTable:s.ArrayTable,ArrayCards:s.ArrayCards,FormItem:s.FormItem,DatePicker:s.DatePicker,Checkbox:s.Checkbox,Cascader:s.Cascader,Editable:s.Editable,Input:s.Input,NumberPicker:s.NumberPicker,Switch:s.Switch,Password:s.Password,PreviewText:s.PreviewText,Radio:s.Radio,Reset:s.Reset,Select:s.Select,Submit:s.Submit,TimePicker:s.TimePicker,Transfer:s.Transfer,TreeSelect:s.TreeSelect,Upload:s.Upload,Card:f.Card,Slider:f.Slider,Rate:f.Rate},e),r.components),scope:I({},r.schemaScope)}),[]),c=(0,o.useMemo)((function(){return(0,i.createForm)(I({initialValues:r.initialValues,readOnly:r.readOnly,disabled:r.disabled},r.formOptions||{}))}),[]);return(0,o.useImperativeHandle)(t,(function(){return{formRender:c}})),(0,o.useEffect)((function(){r.init&&r.init(c)}),[]),a().createElement(s.Form,{className:"form-render ".concat(r.className),layout:r.layout,form:c,labelCol:r.schema.form.labelCol,wrapperCol:r.schema.form.wrapperCol,onAutoSubmit:function(e){r.onSubmit(e)},onAutoSubmitFailed:function(e){r.onSubmitFailed(e)}},a().createElement(n,{schema:r.schema.schema}),a().createElement("div",{className:"form-render-footer xxm"},r.Slots&&a().createElement(r.Slots,null)))}))})(),u})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@ant-design/icons"),require("@formily/antd"),require("@formily/core"),require("@formily/react"),require("@hzab/data-model"),require("antd"),require("nanoid"),require("react")):"function"==typeof define&&define.amd?define(["@ant-design/icons","@formily/antd","@formily/core","@formily/react","@hzab/data-model","antd","nanoid","react"],t):"object"==typeof exports?exports.form_render=t(require("@ant-design/icons"),require("@formily/antd"),require("@formily/core"),require("@formily/react"),require("@hzab/data-model"),require("antd"),require("nanoid"),require("react")):e.form_render=t(e["@ant-design/icons"],e["@formily/antd"],e["@formily/core"],e["@formily/react"],e["@hzab/data-model"],e.antd,e.nanoid,e.react)}(self,((e,t,r,n,o,i,a,c)=>(()=>{var s={497:(e,t,r)=>{"use strict";r.d(t,{Z:()=>c});var n=r(81),o=r.n(n),i=r(645),a=r.n(i)()(o());a.push([e.id,".uploader-template-download-btn {\n  color: #1890ff;\n}\n",""]);const c=a},479:(e,t,r)=>{"use strict";r.d(t,{Z:()=>c});var n=r(81),o=r.n(n),i=r(645),a=r.n(i)()(o());a.push([e.id,"",""]);const c=a},645:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",n=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),n&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),n&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,n,o,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(n)for(var c=0;c<this.length;c++){var s=this[c][0];null!=s&&(a[s]=!0)}for(var u=0;u<e.length;u++){var l=[].concat(e[u]);n&&a[l[0]]||(void 0!==i&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=i),r&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=r):l[2]=r),o&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=o):l[4]="".concat(o)),t.push(l))}},t}},81:e=>{"use strict";e.exports=function(e){return e[1]}},379:e=>{"use strict";var t=[];function r(e){for(var r=-1,n=0;n<t.length;n++)if(t[n].identifier===e){r=n;break}return r}function n(e,n){for(var i={},a=[],c=0;c<e.length;c++){var s=e[c],u=n.base?s[0]+n.base:s[0],l=i[u]||0,f="".concat(u," ").concat(l);i[u]=l+1;var p=r(f),d={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(-1!==p)t[p].references++,t[p].updater(d);else{var v=o(d,n);n.byIndex=c,t.splice(c,0,{identifier:f,updater:v,references:1})}a.push(f)}return a}function o(e,t){var r=t.domAPI(t);r.update(e);return function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;r.update(e=t)}else r.remove()}}e.exports=function(e,o){var i=n(e=e||[],o=o||{});return function(e){e=e||[];for(var a=0;a<i.length;a++){var c=r(i[a]);t[c].references--}for(var s=n(e,o),u=0;u<i.length;u++){var l=r(i[u]);0===t[l].references&&(t[l].updater(),t.splice(l,1))}i=s}}},569:e=>{"use strict";var t={};e.exports=function(e,r){var n=function(e){if(void 0===t[e]){var r=document.querySelector(e);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}t[e]=r}return t[e]}(e);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(r)}},216:e=>{"use strict";e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},565:(e,t,r)=>{"use strict";e.exports=function(e){var t=r.nc;t&&e.setAttribute("nonce",t)}},795:e=>{"use strict";e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(r){!function(e,t,r){var n="";r.supports&&(n+="@supports (".concat(r.supports,") {")),r.media&&(n+="@media ".concat(r.media," {"));var o=void 0!==r.layer;o&&(n+="@layer".concat(r.layer.length>0?" ".concat(r.layer):""," {")),n+=r.css,o&&(n+="}"),r.media&&(n+="}"),r.supports&&(n+="}");var i=r.sourceMap;i&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleTagTransform(n,e,t.options)}(t,e,r)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},589:e=>{"use strict";e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},482:t=>{"use strict";t.exports=e},54:e=>{"use strict";e.exports=t},563:e=>{"use strict";e.exports=r},505:e=>{"use strict";e.exports=n},907:e=>{"use strict";e.exports=o},721:e=>{"use strict";e.exports=i},634:e=>{"use strict";e.exports=a},156:e=>{"use strict";e.exports=c},61:(e,t,r)=>{var n=r(698).default;function o(){"use strict";e.exports=o=function(){return t},e.exports.__esModule=!0,e.exports.default=e.exports;var t={},r=Object.prototype,i=r.hasOwnProperty,a=Object.defineProperty||function(e,t,r){e[t]=r.value},c="function"==typeof Symbol?Symbol:{},s=c.iterator||"@@iterator",u=c.asyncIterator||"@@asyncIterator",l=c.toStringTag||"@@toStringTag";function f(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{f({},"")}catch(e){f=function(e,t,r){return e[t]=r}}function p(e,t,r,n){var o=t&&t.prototype instanceof m?t:m,i=Object.create(o.prototype),c=new _(n||[]);return a(i,"_invoke",{value:S(e,r,c)}),i}function d(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}t.wrap=p;var v={};function m(){}function y(){}function h(){}var b={};f(b,s,(function(){return this}));var g=Object.getPrototypeOf,w=g&&g(g(T([])));w&&w!==r&&i.call(w,s)&&(b=w);var O=h.prototype=m.prototype=Object.create(b);function x(e){["next","throw","return"].forEach((function(t){f(e,t,(function(e){return this._invoke(t,e)}))}))}function j(e,t){function r(o,a,c,s){var u=d(e[o],e,a);if("throw"!==u.type){var l=u.arg,f=l.value;return f&&"object"==n(f)&&i.call(f,"__await")?t.resolve(f.__await).then((function(e){r("next",e,c,s)}),(function(e){r("throw",e,c,s)})):t.resolve(f).then((function(e){l.value=e,c(l)}),(function(e){return r("throw",e,c,s)}))}s(u.arg)}var o;a(this,"_invoke",{value:function(e,n){function i(){return new t((function(t,o){r(e,n,t,o)}))}return o=o?o.then(i,i):i()}})}function S(e,t,r){var n="suspendedStart";return function(o,i){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw i;return k()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=P(a,r);if(c){if(c===v)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if("suspendedStart"===n)throw n="completed",r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n="executing";var s=d(e,t,r);if("normal"===s.type){if(n=r.done?"completed":"suspendedYield",s.arg===v)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(n="completed",r.method="throw",r.arg=s.arg)}}}function P(e,t){var r=t.method,n=e.iterator[r];if(void 0===n)return t.delegate=null,"throw"===r&&e.iterator.return&&(t.method="return",t.arg=void 0,P(e,t),"throw"===t.method)||"return"!==r&&(t.method="throw",t.arg=new TypeError("The iterator does not provide a '"+r+"' method")),v;var o=d(n,e.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,v;var i=o.arg;return i?i.done?(t[e.resultName]=i.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,v):i:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,v)}function E(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function C(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function _(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(E,this),this.reset(!0)}function T(e){if(e){var t=e[s];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,n=function t(){for(;++r<e.length;)if(i.call(e,r))return t.value=e[r],t.done=!1,t;return t.value=void 0,t.done=!0,t};return n.next=n}}return{next:k}}function k(){return{value:void 0,done:!0}}return y.prototype=h,a(O,"constructor",{value:h,configurable:!0}),a(h,"constructor",{value:y,configurable:!0}),y.displayName=f(h,l,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===y||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,h):(e.__proto__=h,f(e,l,"GeneratorFunction")),e.prototype=Object.create(O),e},t.awrap=function(e){return{__await:e}},x(j.prototype),f(j.prototype,u,(function(){return this})),t.AsyncIterator=j,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new j(p(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},x(O),f(O,l,"Generator"),f(O,s,(function(){return this})),f(O,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),r=[];for(var n in t)r.push(n);return r.reverse(),function e(){for(;r.length;){var n=r.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},t.values=T,_.prototype={constructor:_,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(C),!e)for(var t in this)"t"===t.charAt(0)&&i.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var t=this;function r(r,n){return a.type="throw",a.arg=e,t.next=r,n&&(t.method="next",t.arg=void 0),!!n}for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n],a=o.completion;if("root"===o.tryLoc)return r("end");if(o.tryLoc<=this.prev){var c=i.call(o,"catchLoc"),s=i.call(o,"finallyLoc");if(c&&s){if(this.prev<o.catchLoc)return r(o.catchLoc,!0);if(this.prev<o.finallyLoc)return r(o.finallyLoc)}else if(c){if(this.prev<o.catchLoc)return r(o.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return r(o.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&i.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var a=o?o.completion:{};return a.type=e,a.arg=t,o?(this.method="next",this.next=o.finallyLoc,v):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),C(r),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;C(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,r){return this.delegate={iterator:T(e),resultName:t,nextLoc:r},"next"===this.method&&(this.arg=void 0),v}},t}e.exports=o,e.exports.__esModule=!0,e.exports.default=e.exports},698:e=>{function t(r){return e.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,t(r)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},687:(e,t,r)=>{var n=r(61)();e.exports=n;try{regeneratorRuntime=n}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=n:Function("r","regeneratorRuntime = r")(n)}}},u={};function l(e){var t=u[e];if(void 0!==t)return t.exports;var r=u[e]={id:e,exports:{}};return s[e](r,r.exports,l),r.exports}l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.nc=void 0;var f={};return(()=>{"use strict";l.r(f),l.d(f,{default:()=>pe});var e={};function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(e)}function r(e){var r=function(e,r){if("object"!==t(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,r||"default");if("object"!==t(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(e,"string");return"symbol"===t(r)?r:String(r)}function n(e,t,n){return(t=r(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}l.r(e),l.d(e,{Text:()=>y,Upload:()=>ce});var o=l(156),i=l.n(o),a=l(563),c=l(505),s=l(54),u=l(721);function p(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var d=["value","mode","content","className"];function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const y=(0,c.connect)((function(e){var t=e.value,r=e.mode,n=e.content,o=e.className,a=p(e,d),c="normal"!==r&&r?r:"div";return console.log("props",a.readOnly),i().createElement(c,m({className:"formily-text ".concat(o)},a),t||n)}),(0,c.mapProps)((function(e,t){return m(m({},e),{},{form:t.form,field:t})})));function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},h.apply(this,arguments)}function b(e,t,r,n,o,i,a){try{var c=e[i](a),s=c.value}catch(e){return void r(e)}c.done?t(s):Promise.resolve(s).then(n,o)}function g(e){return function(){var t=this,r=arguments;return new Promise((function(n,o){var i=e.apply(t,r);function a(e){b(i,n,o,a,c,"next",e)}function c(e){b(i,n,o,a,c,"throw",e)}a(void 0)}))}}var w=l(687),O=l.n(w);function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function j(e,t){if(e){if("string"==typeof e)return x(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?x(e,t):void 0}}function S(e){return function(e){if(Array.isArray(e))return x(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||j(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function P(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,c=[],s=!0,u=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);s=!0);}catch(e){u=!0,o=e}finally{try{if(!s&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}(e,t)||j(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var E=l(482),C=l(634);function _(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],r=arguments.length>2?arguments[2]:void 0;if(!e)return!1;var n=null==e?void 0:e.replace(/\?.+/,"");return!!new RegExp(".(".concat(t.join("|"),")$"),r?void 0:"i").test(n)||void 0}function T(e){var t=null==e?void 0:e.match(/[^\/]+?\.[^\/]+$/);return t&&t.length>0?t[0]:e}function k(e){if("object"===t(e)&&null!=e&&e.type)return null==e?void 0:e.type;if("string"==typeof e){var r=null;return _(e,["3gp","mpg","mpeg","mp4","m4v","m4p","ogv","ogg","mov","webm"])?r="video/mp4":!function(e){return _(e,["apng","avif","bmp","gif","ico","cur","jpg","jpeg","jfif","pjpeg","pjp","png","svg","tif","tiff","webp"])}(e)?!function(e){return _(e,["3gp","adts","mpeg","mp3","mp4","ogg","mov","webm","rtp","amr","wav"])}(e)?_(e,["pdf"])||_(e,["pdf"])?r="application/pdf":_(e,["xlsx","xls","csv","xlsm","xlsb"])?r="application/vnd.ms-excel":_(e,["doc","docx"])?r="application/msword":_(e,["ppt","pptx"])&&(r="application/vnd.ms-powerpoint"):r="audio/3gpp":r="image/jpeg",r}}function L(e){return Array.isArray(e)?e:e&&[e]||[]}function F(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,r=function(e,t){var r=L(e);return t>0&&r.length>t&&(r=r.slice(0,t)),r}(L(e),t);if(0===r.length)return r;var n=r;return Array.isArray(n)||(n=[n]),n=r.map((function(e,t){if("string"==typeof e){var r=(0,C.nanoid)();return{name:r,uid:r,ossUrl:e,url:e}}return e&&!e.uid&&(e.uid=(0,C.nanoid)()),e&&!e.name&&(e.name=e.uid),e}))}function A(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,r(o.key),o)}}var D=l(907);function R(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function U(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?R(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var I=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.axios=t.axios||D.axios,this.axiosConf=t.axiosConf||{},this.serverUrl=t.serverUrl||"/api/v1/user/oss/getWebOssConfig",this.signatureParams=t.signatureParams||{}}var t,r,n;return t=e,r=[{key:"getSignature",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.serverUrl,t=arguments.length>1?arguments[1]:void 0;return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.serverUrl,r=void 0===t?"/api/v1/user/oss/getWebOssConfig":t;if(window.__ossSignatureRes&&r===window.__ossSignatureRes.serverUrl&&Date.now()-window.__ossSignatureRes.__saveTime<window.__ossSignatureRes.expireTimeMillis-1e4)return Promise.resolve(window.__ossSignatureRes);var n=e.axios,o=void 0===n?D.axios:n,i=e.params,a=void 0===i?{}:i,c=e.axiosConf;return o.get(r,U(U({},c),{},{params:U({isPublic:1},a)})).then((function(e){var t;return window.__ossSignatureRes=null==e||null===(t=e.data)||void 0===t?void 0:t.data,window.__ossSignatureRes&&(window.__ossSignatureRes.__saveTime=Date.now(),window.__ossSignatureRes.serverUrl=r),window.__ossSignatureRes}))}(U(U({},t),{},{serverUrl:e,axios:(null==t?void 0:t.axios)||this.axios,axiosConf:U(U({},this.axiosConf),null==t?void 0:t.axiosConf)}))}},{key:"upload",value:function(e){var t=this,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new Promise(function(){var n=g(O().mark((function n(o,i){var a,c,s,u,l,f,p,d,v;return O().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.getSignature(r.serverUrl||t.serverUrl,U(U({},r),{},{params:U(U({},t.signatureParams),r.signatureParams)}));case 2:if(a=n.sent,c=(r||{}).ossParams,s=new FormData,u=null==e?void 0:e.name,null!=e&&e.name&&(l=null==e?void 0:e.name.match(/^(.+)\.(.+)$/))&&l.length>2&&(u="".concat(l[1],"_").concat(Date.now(),"_").concat((0,C.nanoid)(),".").concat(l[2])),u||(u="".concat(Date.now(),"_").concat((0,C.nanoid)(),".").concat(null===(f=e.type)||void 0===f?void 0:f.replace(/\w+\/, ''/))),p="".concat(null==a?void 0:a.dir).concat(u),s.set("key",p),s.set("OSSAccessKeyId",a.accessid),s.set("policy",a.policy),s.set("Signature",a.signature),a.callback&&s.set("callback",a.callback),s.set("success_action_status",200),s.set("file",e),c)for(d in c)Object.hasOwnProperty.call(c,d)&&s.set(d,c[d]);return v=(null==r?void 0:r.axios)||t.axios,n.abrupt("return",v.post(a.host,s,U(U({},t.axiosConf),null==r?void 0:r.axiosConf)).then((function(e){return o(e),e})).catch((function(e){return console.error("oss upload err",e),i(e),Promise.reject(e)})));case 19:case"end":return n.stop()}}),n)})));return function(e,t){return n.apply(this,arguments)}}())}}],r&&A(t.prototype,r),n&&A(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}();const N=I;var q=l(379),M=l.n(q),G=l(795),Z=l.n(G),z=l(569),W=l.n(z),$=l(565),B=l.n($),H=l(216),V=l.n(H),Y=l(589),J=l.n(Y),K=l(497),Q={};Q.styleTagTransform=J(),Q.setAttributes=B(),Q.insert=W().bind(null,"head"),Q.domAPI=Z(),Q.insertStyleElement=V();M()(K.Z,Q);K.Z&&K.Z.locals&&K.Z.locals;var X=["onChange"];function ee(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function te(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ee(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const re=function(e){var t=e.onChange,r=p(e,X),n=r.name,a=void 0===n?"file":n,c=r.multiple,s=void 0!==c&&c,l=r.accept,f=r.value,d=r.maxCount,v=void 0===d?1:d,m=r.maxSize,y=r.listType,b=void 0===y?"text":y,w=r.disabled,x=void 0!==w&&w,j=r.readOnly,_=void 0!==j&&j,L=r.ossUrl,A=void 0===L?"/api/v1/user/oss/getWebOssConfig":L,D=r.isOssUpload,R=r.isStrRes,U=r.isResRemoveArr,I=void 0===U||U,q=r.ossOpt,M=r.onCountExceed,G=r.templateUrl,Z=r.templateDownloadText,z=void 0===Z?"模板下载":Z,W=P((0,o.useState)([]),2),$=W[0],B=W[1],H=function(){var e=g(O().mark((function e(r){var n,o,i,a,c,s,u;return O().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=r.fileList,B(n),o=S(n),!D||!R){e.next=24;break}i=0;case 5:if(!(i<o.length)){e.next=24;break}return c=o[i],null!==(a=c)&&void 0!==a&&a.originFileObj&&(c=null===(s=c)||void 0===s?void 0:s.originFileObj),e.next=10,c.ossPromise;case 10:if(e.t2=e.sent,e.t2){e.next=13;break}e.t2=c.url;case 13:if(e.t1=e.t2,e.t1){e.next=16;break}e.t1=c.ossUrl;case 16:if(e.t0=e.t1,e.t0){e.next=19;break}e.t0=c;case 19:u=e.t0,o[i]=u;case 21:i++,e.next=5;break;case 24:!o||o.length<=0?o=void 0:I&&1===v&&(o=o[0]),t&&(null==t||t(o));case 26:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();(0,o.useEffect)((function(){if(f){var e=f;"string"==typeof e&&(e=f.split(",")),Array.isArray(e)&&(e=e.map((function(e){return"string"==typeof e?{name:T(e),status:"done",uid:"rc-upload-".concat(Date.now(),"-").concat((0,C.nanoid)()),url:e,type:k(e)}:e}))),B(F(e,v))}}),[f]);var V=te({iconRender:function(e){var t;return"application/pdf"==(null==e?void 0:e.type)?i().createElement(E.FilePdfTwoTone,{twoToneColor:"#DD4B43"}):null!=e&&null!==(t=e.type)&&void 0!==t&&t.startsWith("video/")?i().createElement(E.VideoCameraTwoTone,{twoToneColor:"#3C87F7"}):"application/vnd.ms-excel"==(null==e?void 0:e.type)||"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"==(null==e?void 0:e.type)?i().createElement(E.FileExcelTwoTone,{twoToneColor:"#68B27C"}):"application/vnd.openxmlformats-officedocument.wordprocessingml.document"==(null==e?void 0:e.type)||"application/msword"==(null==e?void 0:e.type)?i().createElement(E.FileWordTwoTone,{twoToneColor:"#88CCF5"}):i().createElement(E.PaperClipOutlined,null)},name:a,accept:l,multiple:s,listType:b,maxCount:v,fileList:$,onChange:H,disabled:x,readOnly:_,onRemove:function(e){var r=($||[]).filter((function(t){return t.url!==e.url}));t&&t(r)},beforeUpload:function(e,t){var r=!1;return t.forEach((function(e){m&&e.size>m&&(u.message.error("".concat(e.name," 文件大小超出限制：").concat(e.size)),"".concat(e.name," 文件大小超出限制：").concat(e.size,"; "),r=!0)})),r?u.Upload.LIST_IGNORE:!(v>0&&$.length>=v)||(M&&M($.length-v),$.length=v,u.message.error("文件个数超出限制"),u.Upload.LIST_IGNORE)},customRequest:D?function(e){e.action,e.data;var t=e.file,n=(e.filename,e.headers,e.method,e.onSuccess),o=(e.onProgress,e.onError),i=new N(te({serverUrl:A},q));t.ossPromise=i.upload(t,{params:te({isPublic:1},r.params||{})}).then((function(e){var r;return t.url=null==e||null===(r=e.data)||void 0===r||null===(r=r.data)||void 0===r?void 0:r.fileUrl,t.ossUrl=t.url,n(t),t.ossUrl})).catch(o)}:null},r||{});return i().createElement(i().Fragment,null,i().createElement(u.Upload,h({className:"oss-uploader"},V),v&&v>$.length?"picture-card"===b?r.btnText||"上传":i().createElement(u.Button,{icon:i().createElement(E.UploadOutlined,null)},r.btnText||"上传"):null),G?i().createElement("a",{className:"uploader-template-download-btn",href:G},z):null)};var ne=(0,o.createContext)(null),oe=l(156);function ie(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ae(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ie(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ie(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var ce=function(e){var t=(0,o.useContext)(ne)||{},r=e.field,n=void 0===r?{}:r,i=e.onChange,a=e.value,c=n.name,s=n.mode,u=n.componentProps,l=void 0===u?{}:u,f=l.multiple;function p(){return(p=g(O().mark((function t(r){var o,a,s;return O().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(a=r,null==n||!n.autoUpload||null===(o=e.fieldsConf[c])||void 0===o||!o.onUpload){t.next=7;break}return t.next=4,null===(s=e.fieldsConf[c])||void 0===s?void 0:s.onUpload(r);case 4:if(a=t.sent){t.next=7;break}return t.abrupt("return");case 7:!f&&a&&1===a.length&&(a=a[0]),i&&i(a);case 9:case"end":return t.stop()}}),t)})))).apply(this,arguments)}var d=ae(ae({mode:s},e),{},{value:"string"==typeof a?[a]:a,axios:null==t?void 0:t.axios,axiosConf:null==t?void 0:t.axiosConf},l);return oe.createElement(re,h({},d,{onChange:function(e){return p.apply(this,arguments)}}))};var se=l(479),ue={};ue.styleTagTransform=J(),ue.setAttributes=B(),ue.insert=W().bind(null,"head"),ue.domAPI=Z(),ue.insertStyleElement=V();M()(se.Z,ue);se.Z&&se.Z.locals&&se.Z.locals;function le(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function fe(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?le(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):le(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const pe=(0,o.forwardRef)((function(t,r){var n,l=(0,o.useCallback)((0,c.createSchemaField)({components:fe(fe({Space:s.Space,FormGrid:s.FormGrid,FormLayout:s.FormLayout,FormTab:s.FormTab,FormCollapse:s.FormCollapse,ArrayTable:s.ArrayTable,ArrayCards:s.ArrayCards,FormItem:s.FormItem,DatePicker:s.DatePicker,Checkbox:s.Checkbox,Cascader:s.Cascader,Editable:s.Editable,Input:s.Input,NumberPicker:s.NumberPicker,Switch:s.Switch,Password:s.Password,PreviewText:s.PreviewText,Radio:s.Radio,Reset:s.Reset,Select:s.Select,Submit:s.Submit,TimePicker:s.TimePicker,Transfer:s.Transfer,TreeSelect:s.TreeSelect,Card:u.Card,Slider:u.Slider,Rate:u.Rate},e),t.components),scope:fe({},t.schemaScope)}),[]),f=(0,o.useMemo)((function(){return(0,a.createForm)(fe({initialValues:t.initialValues,readOnly:t.readOnly,disabled:t.disabled},t.formOptions||{}))}),[]);(0,o.useImperativeHandle)(r,(function(){return{formRender:f}})),(0,o.useEffect)((function(){t.init&&t.init(f)}),[]);var p=(0,o.useMemo)((function(){var e=t.Slots;return"function"==typeof e?i().createElement(e,null):"function"==typeof(null==e?void 0:e.footer)?i().createElement(e.footer,null):void 0}),[t.Slots]),d=fe({},null===(n=t.schema)||void 0===n?void 0:n.form);return i().createElement(ne.Provider,{value:t},i().createElement(s.Form,{className:"form-render ".concat(t.className),layout:t.layout,form:f,labelCol:t.schema.form.labelCol,wrapperCol:t.schema.form.wrapperCol,onAutoSubmit:function(e){t.onSubmit(e)},onAutoSubmitFailed:function(e){t.onSubmitFailed(e)}},i().createElement(s.FormLayout,d,i().createElement(l,{schema:t.schema.schema}),i().createElement("div",{className:"form-render-footer xxm"},p))))}))})(),f})()));

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@hzab/form-render",
-  "version": "0.0.2",
+  "version": "0.1.1",
   "description": "",
   "main": "lib",
   "scripts": {
-    "dev": "webpack serve -c ./config/webpack.config.js --env development",
-    "build": "webpack -c ./config/webpack.config.js --env production"
+    "dev": "webpack serve -c ./config/webpack.config.js --env local",
+    "build": "webpack -c ./config/webpack.config.js --env production",
+    "publish-patch": "npm run build && git add . && git commit -m \"build: patch\" && npm version patch && npm publish --access public",
+    "publish-minor": "npm run build && git add . && git commit -m \"build: minor\" && npm version minor && npm publish --access public",
+    "publish-major": "npm run build && git add . && git commit -m \"build: major\" && npm version major && npm publish --access public"
   },
   "files": [
     "lib",
@@ -15,52 +18,29 @@
   "author": "CaiYansong",
   "license": "ISC",
   "devDependencies": {
-    "@babel/core": "^7.20.5",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-decorators": "^7.20.7",
-    "@babel/plugin-transform-runtime": "^7.19.6",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.18.6",
-    "@babel/runtime": "^7.20.6",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.9",
+    "@hzab/webpack-config": "0.0.12",
+    "@types/react": "^17.0.62",
+    "@types/react-dom": "^17.0.20",
     "antd": "^4.14.0",
-    "autoprefixer": "^10.4.13",
-    "babel-loader": "^9.1.0",
-    "clean-webpack-plugin": "^4.0.0",
-    "copy-webpack-plugin": "^11.0.0",
-    "css-loader": "^6.7.3",
-    "css-minimizer-webpack-plugin": "^4.2.2",
     "eslint": "^8.30.0",
-    "eslint-webpack-plugin": "^3.2.0",
-    "file-loader": "^6.2.0",
-    "fork-ts-checker-webpack-plugin": "^7.2.14",
-    "html-webpack-plugin": "^5.5.0",
     "less": "^4.1.3",
-    "less-loader": "^11.1.0",
-    "mini-css-extract-plugin": "^2.7.2",
-    "postcss-loader": "^7.0.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-router-dom": "^6.8.1",
-    "style-loader": "^3.3.1",
-    "terser-webpack-plugin": "^5.3.6",
-    "typescript": "^4.9.4",
-    "webpack": "^5.75.0",
-    "webpack-cli": "^5.0.1",
-    "webpack-dev-server": "^4.11.1",
-    "webpackbar": "^5.0.2"
+    "typescript": "^4.9.4"
   },
   "peerDependencies": {
-    "antd": "<=4.22.8",
+    "antd": "4.22.8",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@formily/antd": "^2.2.20",
-    "@formily/core": "^2.2.20",
-    "@formily/react": "^2.2.20"
+    "@formily/antd": "2.2.20",
+    "@formily/core": "2.2.20",
+    "@formily/react": "2.2.20",
+    "@hzab/data-model": "^0.0.3",
+    "ajv": "^8.12.0",
+    "axios": "^1.6.2"
   },
   "directories": {
     "lib": "lib"

package/src/common/global-props-context.ts

@@ -0,0 +1,11 @@
+import { createContext, useContext } from "react";
+
+/**
+ * 组件外部传入的 props context
+ */
+export const GlobalPropsContext = createContext(null);
+
+/**
+ * 组件外部传入的 props
+ */
+export const useGlobalPropsContext = () => useContext(GlobalPropsContext);

package/src/components/Upload/README.md

@@ -0,0 +1,41 @@
+# Uploader
+
+上传组件——使用 antd upload 组件封装而成
+
+- 支持 oss 上传
+- 支持限制文件大小
+- 支持预览
+- 支持配置下载模板
+
+### InfoPanel Attributes
+
+- 参数参考 antd upload 组件
+
+| 参数                 | 类型     | 必填 | 默认值   | 说明                                                               |
+| -------------------- | -------- | ---- | -------- | ------------------------------------------------------------------ |
+| name                 | string   | 否   | file     | 文件名                                                             |
+| accept               | string   | 否   | -        | 接受上传的文件类型, 详见 input accept Attribute                    |
+| listType             | string   | 否   | text     | 上传列表的内建样式，支持三种基本样式 text, picture 和 picture-card |
+| maxCount             | number   | 否   | 1        | 限制上传数量。当为 1 时，始终用最新上传的文件代替当前文件          |
+| maxSize              | number   | 否   | 1        | 限制上传的文件大小。                                               |
+| multiple             | boolean  | 否   | -        | 是否支持多选文件，ie10+ 支持。开启后按住 ctrl 可选择多个文件       |
+| disabled             | boolean  | 否   | false    | 禁用状态                                                           |
+| readOnly             | boolean  | 否   | false    | 只读状态                                                           |
+| isResRemoveArr       | boolean  | 否   | false    | maxCount === 1 时，结果是否自动去除数组嵌套                        |
+| isOssUpload          | boolean  | 否   | false    | 是否使用 oss 上传                                                  |
+| ossUrl               | string   | 否   | -        | 获取 oss 参数的接口，默认 /api/v1/user/oss/getWebOssConfig         |
+| ossOpt               | Object   | 否   | -        | oss 上传的配置参数                                                 |
+| isStrRes             | boolean  | 否   | false    | 是否使用字符串结果（表单中得到的一直是 oss URl 字符串）            |
+| onCountExceed        | Function | 否   | -        | 数量超出 maxCount 时的回调                                         |
+| uploadProps          | Object   | 否   | -        | antd upload 组件的 props 参数，可覆盖组件已有配置项                |
+| templateUrl          | string   | 否   | -        | 模板下载的地址                                                     |
+| templateDownloadText | string   | 否   | 模板下载 | 模板下载按钮的文案                                                 |
+
+### ossOpt
+
+| 参数            | 类型   | 必填 | 默认值 | 说明                                                           |
+| --------------- | ------ | ---- | ------ | -------------------------------------------------------------- |
+| axios           | Object | 否   | -      | 发起请求的 axios                                               |
+| axiosConf       | Object | 否   | -      | axios 配置                                                     |
+| signatureParams | Object | 否   | -      | 请求 oss 上传地址接口的入参                                    |
+| serverUrl       | string | 否   | -      | 请求 oss 上传地址的接口，默认 /api/v1/user/oss/getWebOssConfig |

package/src/components/Upload/common/checkFileType.ts

@@ -0,0 +1,39 @@
+import { checkImageUrl, checkVideoUrl, checkAudioUrl } from "./utils";
+
+export const TYPE_VIDEO = "video";
+export const TYPE_IMG = "img";
+export const TYPE_AUDIO = "audio";
+
+export function checkFileType(file) {
+  const { type, url = file?.ossUrl } = file || {};
+  let fileType = "";
+  // 判断文件类型，获取对应展示的数据
+  if (url) {
+    // 图片
+    if (url.startsWith("data:image/") || checkImageUrl(url)) {
+      fileType = TYPE_IMG;
+    } else if (checkVideoUrl(url)) {
+      // 视频
+      fileType = TYPE_VIDEO;
+    } else if (checkAudioUrl(url)) {
+      // 音频
+      fileType = TYPE_AUDIO;
+    }
+  } else if (type) {
+    // 图片
+    if (type?.startsWith("image/")) {
+      fileType = TYPE_IMG;
+    }
+
+    // 视频
+    if (type?.startsWith("video/")) {
+      fileType = TYPE_VIDEO;
+    }
+
+    // 音频
+    if (type?.startsWith("audio/")) {
+      fileType = TYPE_AUDIO;
+    }
+  }
+  return fileType;
+}

package/src/components/Upload/common/ossUpload.js

@@ -0,0 +1,155 @@
+import { axios } from "@hzab/data-model";
+import { nanoid } from "nanoid";
+
+export function getSignature(opt = {}) {
+  const { serverUrl = "/api/v1/user/oss/getWebOssConfig" } = opt;
+  // 减 10 秒，避免发起请求时 刚好过期的情况
+  if (
+    window.__ossSignatureRes &&
+    serverUrl === window.__ossSignatureRes.serverUrl &&
+    Date.now() - window.__ossSignatureRes.__saveTime < window.__ossSignatureRes.expireTimeMillis - 10000
+  ) {
+    return Promise.resolve(window.__ossSignatureRes);
+  }
+  const { axios: _ax = axios, params = {}, axiosConf } = opt;
+  return _ax
+    .get(serverUrl, {
+      ...axiosConf,
+      params: {
+        isPublic: 1,
+        ...params,
+      },
+    })
+    .then((res) => {
+      window.__ossSignatureRes = res?.data?.data;
+      if (window.__ossSignatureRes) {
+        window.__ossSignatureRes.__saveTime = Date.now();
+        window.__ossSignatureRes.serverUrl = serverUrl;
+      }
+      return window.__ossSignatureRes;
+    });
+}
+
+class OssUpload {
+  constructor(props = {}) {
+    this.axios = props.axios || axios;
+    this.axiosConf = props.axiosConf || {};
+    this.serverUrl = props.serverUrl || "/api/v1/user/oss/getWebOssConfig";
+    this.signatureParams = props.signatureParams || {};
+  }
+
+  getSignature(serverUrl = this.serverUrl, opt) {
+    return getSignature({
+      ...opt,
+      serverUrl,
+      axios: opt?.axios || this.axios,
+      axiosConf: { ...this.axiosConf, ...opt?.axiosConf },
+    });
+  }
+
+  upload(file, opt = {}) {
+    return new Promise(async (resolve, reject) => {
+      const ossParams = await this.getSignature(opt.serverUrl || this.serverUrl, {
+        ...opt,
+        params: { ...this.signatureParams, ...opt.signatureParams },
+      });
+
+      const { ossParams: propOssParams } = opt || {};
+      const formData = new FormData();
+      // key 表示上传到 Bucket 内的 Object 的完整路径，例如 exampledir/exampleobject.txtObject，完整路径中不能包含 Bucket 名称。
+      // filename 表示待上传的本地文件名称。
+      let filename = file?.name;
+      if (file?.name) {
+        const nameArr = file?.name.match(/^(.+)\.(.+)$/);
+        if (nameArr && nameArr.length > 2) {
+          filename = `${nameArr[1]}_${Date.now()}_${nanoid()}.${nameArr[2]}`;
+        }
+      }
+      if (!filename) {
+        filename = `${Date.now()}_${nanoid()}.${file.type?.replace(/\w+\/, ''/)}`;
+      }
+      const key = `${ossParams?.dir}${filename}`;
+      formData.set("key", key);
+      formData.set("OSSAccessKeyId", ossParams.accessid);
+      formData.set("policy", ossParams.policy);
+      formData.set("Signature", ossParams.signature);
+      if (ossParams.callback) {
+        formData.set("callback", ossParams.callback);
+      }
+      formData.set("success_action_status", 200);
+      formData.set("file", file);
+
+      if (propOssParams) {
+        for (const key in propOssParams) {
+          if (Object.hasOwnProperty.call(propOssParams, key)) {
+            formData.set(key, propOssParams[key]);
+          }
+        }
+      }
+
+      const _axios = opt?.axios || this.axios;
+
+      return _axios
+        .post(ossParams.host, formData, { ...this.axiosConf, ...opt?.axiosConf })
+        .then((res) => {
+          resolve(res);
+          return res;
+        })
+        .catch((err) => {
+          console.error("oss upload err", err);
+          reject(err);
+          return Promise.reject(err);
+        });
+    });
+  }
+}
+
+/**
+ * 处理文件上传逻辑
+ * @param {Array} files
+ * @param {Object} opt
+ * @returns
+ */
+export async function handleOssUpload(files, opt) {
+  const _files = files;
+  const { ossUrl, signatureParams, ossParams, axiosConf } = opt || {};
+  const ossUpload = new OssUpload({
+    axios: opt.axios,
+    axiosConf: axiosConf,
+    serverUrl: ossUrl || "/api/v1/user/oss/getWebOssConfig",
+  });
+
+  const promise = [];
+  _files?.forEach((file) => {
+    // 数据已经是 url 的情况
+    if (typeof file === "string" || file.ossUrl) {
+      promise.push(Promise.resolve(file));
+    } else {
+      promise.push(
+        ossUpload
+          .upload(file, {
+            signatureParams: {
+              isPublic: 1,
+              ...(signatureParams || {}),
+            },
+            ossParams,
+            axiosConf,
+          })
+          .then((res) => {
+            return Promise.resolve(res?.data?.data?.fileUrl);
+          }),
+      );
+    }
+  });
+
+  return Promise.all(promise).then((filePromises) => {
+    filePromises?.forEach((fileUrl, idx) => {
+      _files[idx].ossUrl = fileUrl;
+    });
+    return Promise.resolve(_files);
+  });
+}
+
+export { axios };
+
+export default OssUpload;

package/src/components/Upload/common/utils.js

@@ -0,0 +1,177 @@
+import { nanoid } from "nanoid";
+
+/**
+ *  建立一个可以存取该 file 的 url
+ * @param {Object} file 文件
+ * @returns {string} url
+ * blob:http://localhost:8000/c9950644-5118-4231-9be7-8183bde1fdc7
+ */
+export function getFileURL(file) {
+  let url = file.url || null;
+
+  try {
+    // 下面函数执行的效果是一样的，只是需要针对不同的浏览器执行不同的 js 函数而已
+    if (window.createObjectURL != undefined) {
+      // basic
+      url = window.createObjectURL(file);
+    } else if (window.URL != undefined) {
+      // mozilla(firefox)
+      url = window.URL.createObjectURL(file);
+    } else if (window.webkitURL != undefined) {
+      // webkit or chrome
+      url = window.webkitURL.createObjectURL(file);
+    }
+  } catch (error) {
+    console.warn("getFileURL Error: ", error);
+  }
+
+  return url;
+}
+
+/**
+ * 判断 url 是否带有指定图片后缀
+ * @param {string} url
+ * @returns
+ */
+export function checkImageUrl(url) {
+  const imgTypes = [
+    "apng",
+    "avif",
+    "bmp",
+    "gif",
+    "ico",
+    "cur",
+    "jpg",
+    "jpeg",
+    "jfif",
+    "pjpeg",
+    "pjp",
+    "png",
+    "svg",
+    "tif",
+    "tiff",
+    "webp",
+  ];
+  return checkUrlSuffix(url, imgTypes);
+}
+
+/**
+ * 判断 url 是否带有指定视频后缀
+ * @param {string} url
+ * @returns
+ */
+export function checkVideoUrl(url) {
+  const imgTypes = ["3gp", "mpg", "mpeg", "mp4", "m4v", "m4p", "ogv", "ogg", "mov", "webm"];
+  return checkUrlSuffix(url, imgTypes);
+}
+
+/**
+ * 判断 url 是否带有指定音频后缀
+ * @param {string} url
+ * @returns
+ */
+export function checkAudioUrl(url) {
+  const imgTypes = ["3gp", "adts", "mpeg", "mp3", "mp4", "ogg", "mov", "webm", "rtp", "amr", "wav"];
+  return checkUrlSuffix(url, imgTypes);
+}
+
+/**
+ * 检查 url 是否带有指定后缀
+ * @param {string} url url 地址
+ * @param {Array} types 后缀数组
+ * @returns
+ */
+export function checkUrlSuffix(url, types = [], caseSensitive) {
+  if (!url) {
+    return false;
+  }
+  let _url = url?.replace(/\?.+/, "");
+  const reg = new RegExp(`\.(${types.join("|")})$`, caseSensitive ? undefined : "i");
+  if (reg.test(_url)) {
+    return true;
+  }
+}
+
+export function getFileName(fileUrl) {
+  const res = fileUrl?.match(/[^\/]+?\.[^\/]+$/);
+  if (res && res.length > 0) {
+    return res[0];
+  }
+  return fileUrl;
+}
+
+export function getFileType(file) {
+  if (typeof file === "object" && file?.type) {
+    return file?.type;
+  }
+  if (typeof file === "string") {
+    let type = null;
+    if (checkVideoUrl(file)) {
+      type = "video/mp4";
+    } else if (checkImageUrl(file)) {
+      type = "image/jpeg";
+    } else if (checkAudioUrl(file)) {
+      type = "audio/3gpp";
+    } else if (checkUrlSuffix(file, ["pdf"])) {
+      type = "application/pdf";
+    } else if (checkUrlSuffix(file, ["pdf"])) {
+      type = "application/pdf";
+    } else if (checkUrlSuffix(file, ["xlsx", "xls", "csv", "xlsm", "xlsb"])) {
+      type = "application/vnd.ms-excel";
+    } else if (checkUrlSuffix(file, ["doc", "docx"])) {
+      type = "application/msword";
+    } else if (checkUrlSuffix(file, ["ppt", "pptx"])) {
+      type = "application/vnd.ms-powerpoint";
+    }
+    return type;
+  }
+}
+
+function getArr(value) {
+  return Array.isArray(value) ? value : (value && [value]) || [];
+}
+
+export function handleMaxCount(fileList, maxCount) {
+  let list = getArr(fileList);
+  if (maxCount > 0 && list.length > maxCount) {
+    list = list.slice(0, maxCount);
+  }
+  return list;
+}
+
+/**
+ * 处理传入的数据，数据格式统一转成 Array<fileObject>
+ * @param {Array} fileList Array<fileObject|string>
+ * @param {number} maxCount
+ * @returns Array<fileObject>
+ */
+export function handleInputFileList(_fileList, maxCount = 1) {
+  const fileList = handleMaxCount(getArr(_fileList), maxCount);
+  if (fileList.length === 0) {
+    return fileList;
+  }
+  let resList = fileList;
+  if (!Array.isArray(resList)) {
+    resList = [resList];
+  }
+  resList = fileList.map((file, i) => {
+    if (typeof file === "string") {
+      const uid = nanoid();
+      return {
+        name: uid,
+        uid: uid,
+        ossUrl: file,
+        url: file,
+        // size: Infinity,
+      };
+    }
+    if (file && !file.uid) {
+      file.uid = nanoid();
+    }
+    if (file && !file.name) {
+      file.name = file.uid;
+    }
+    return file;
+  });
+  return resList;
+}

package/src/components/Upload/components/Image/index.less

@@ -0,0 +1,16 @@
+.uploader-image-previewer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  border: 1px solid #eee;
+  color: #fff;
+  border-radius: 4px;
+  cursor: pointer;
+
+  .uploader-image-previewer-img {
+    max-width: 100%;
+    max-height: 100%;
+  }
+}

package/src/components/Upload/components/Image/index.tsx

@@ -0,0 +1,33 @@
+import { useState } from "react";
+import { Modal } from "antd";
+
+import "./index.less";
+
+function ImagePreviewer(props) {
+  const [modalVisible, setMaskVisible] = useState(false);
+
+  function onPreview() {
+    setMaskVisible(true);
+  }
+
+  return (
+    <>
+      <div className={`uploader-image-previewer ${props.className || ""}`} onClick={onPreview}>
+        <img className="uploader-image-previewer-img" src={props.src} alt={props.alt} />
+      </div>
+      <Modal
+        className="formily-uploader-previewer-modal"
+        title="预览"
+        width={800}
+        visible={modalVisible}
+        destroyOnClose
+        onCancel={(e) => setMaskVisible(false)}
+        footer={null}
+      >
+        <img className="previewer-content" src={props.src} alt={props.alt} />
+      </Modal>
+    </>
+  );
+}
+
+export default ImagePreviewer;

package/src/components/Upload/components/ItemList/ItemRender.tsx

@@ -0,0 +1,22 @@
+import { CloseCircleOutlined } from "@ant-design/icons";
+
+export const ItemRender = (props) => {
+  const { index, disabled, readOnly, onItemDel } = props;
+  return (
+    <div className="file-item">
+      {props.children}
+      {disabled || readOnly ? null : (
+        <div
+          className="file-item-del"
+          onClick={() => {
+            onItemDel(index);
+          }}
+        >
+          <CloseCircleOutlined />
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default ItemRender;

package/src/components/Upload/components/ItemList/index.tsx

@@ -0,0 +1,53 @@
+import { getFileURL } from "../../common/utils";
+
+import { TYPE_VIDEO, TYPE_IMG, TYPE_AUDIO, checkFileType } from "../../common/checkFileType";
+
+import Video from "../video";
+import Image from "../Image";
+import ItemRender from "./ItemRender";
+
+export const ItemList = (props) => {
+  const { fileList, baseUrl, disabled, readOnly, onItemDel } = props || {};
+
+  return (
+    <>
+      {fileList.map((it, idx) => {
+        if (!it) {
+          return null;
+        }
+        const { name, url = it?.ossUrl } = it || {};
+
+        let src = url || getFileURL(it);
+
+        if (baseUrl) {
+          src = baseUrl + src;
+        }
+
+        let content = (
+          <div className="file-item-view" title={it?.name}>
+            {it?.name}
+          </div>
+        );
+
+        const fileType = checkFileType(it);
+        if (fileType === TYPE_IMG) {
+          content = <Image src={src} alt={name} />;
+        }
+        if (fileType === TYPE_VIDEO) {
+          content = <Video src={src} href={src} />;
+        }
+        if (fileType === TYPE_AUDIO) {
+          content = <audio src={src} controls></audio>;
+        }
+
+        return (
+          <ItemRender index={idx} key={name + "_" + idx} disabled={disabled} readOnly={readOnly} onItemDel={onItemDel}>
+            {content}
+          </ItemRender>
+        );
+      })}
+    </>
+  );
+};
+
+export default ItemList;

package/src/components/Upload/components/video/index.jsx

@@ -0,0 +1,39 @@
+import { useState } from "react";
+import { Modal } from "antd";
+import { PlayCircleOutlined } from "@ant-design/icons";
+
+import "./index.less";
+
+function Video({ src, href }) {
+  const [modalVisible, setMaskVisible] = useState(false);
+
+  function onPreview() {
+    setMaskVisible(true);
+  }
+
+  return (
+    <>
+      <div className="uploader-video-wrap" onClick={onPreview}>
+        <PlayCircleOutlined className="uploader-video-play-icon" />
+      </div>
+
+      <Modal
+        className="formily-uploader-previewer-modal"
+        title="预览"
+        width={800}
+        visible={modalVisible}
+        destroyOnClose
+        onCancel={() => setMaskVisible(false)}
+        footer={null}
+      >
+        <video className="previewer-content" src={src} controls>
+          抱歉，您的浏览器不支持内嵌视频，不过不用担心，你可以
+          <a href={href || src}>下载</a>
+          并用你喜欢的播放器观看！
+        </video>
+      </Modal>
+    </>
+  );
+}
+
+export default Video;

package/src/components/Upload/components/video/index.less

@@ -0,0 +1,14 @@
+.uploader-video-wrap {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  border: 1px solid #eee;
+  color: #999;
+  border-radius: 4px;
+  cursor: pointer;
+  .uploader-video-play-icon {
+    font-size: 30px;
+  }
+}

package/src/components/Upload/index.tsx

@@ -0,0 +1,38 @@
+import UploaderCom from "./uploader";
+import { useGlobalPropsContext } from "../../common/global-props-context";
+
+export const Upload = (props) => {
+  // 组件外部传入的 props
+  const globalProps = useGlobalPropsContext() || {};
+  const { field = {}, onChange, value } = props;
+  const { name, mode, componentProps = {} } = field;
+  const { multiple } = componentProps;
+
+  async function onUploadChange(files) {
+    let _files = files;
+    if (field?.autoUpload && props.fieldsConf[name]?.onUpload) {
+      _files = await props.fieldsConf[name]?.onUpload(files);
+      if (!_files) {
+        return;
+      }
+    }
+    // 若单选模式，默认只返回对应数据，而非嵌套一层数组
+    if (!multiple && _files && _files.length === 1) {
+      _files = _files[0];
+    }
+    onChange && onChange(_files);
+  }
+
+  const _props = {
+    mode: mode,
+    ...props,
+    value: typeof value === "string" ? [value] : value,
+    axios: globalProps?.axios,
+    axiosConf: globalProps?.axiosConf,
+    ...componentProps,
+  };
+
+  return <UploaderCom {..._props} onChange={onUploadChange} />;
+};
+
+export default Upload;

package/src/components/Upload/uploader-input.jsx

@@ -0,0 +1,151 @@
+import { useState, useRef, useEffect, useMemo } from "react";
+import { Button, Modal, message } from "antd";
+
+import ItemList from "./components/ItemList";
+
+import { handleMaxCount, handleInputFileList } from "./common/utils";
+import { handleOssUpload } from "./common/ossUpload";
+
+import "./uploader.less";
+
+const _ = require("lodash");
+
+function Uploader(props) {
+  const {
+    name,
+    multiple,
+    // 模式字符串: all | select | image | video 或 数组 select | image | video 组合：如：['select', 'image']
+    mode = "select",
+    onChange,
+    accept,
+    disabled,
+    readOnly,
+    value,
+    baseUrl = "",
+    // 文件大小限制
+    maxSize,
+    maxCount = 1,
+    // 是否使用 oss 上传文件
+    isOssUpload,
+    // 是否使用字符串结果
+    isStrRes,
+    // maxCount === 1 时，结果是否自动去除数组嵌套
+    isResRemoveArr = true,
+    ossUrl,
+    ossOpt,
+    onCountExceed,
+  } = props;
+  const [loading, setLoading] = useState(false);
+  const [fileList, setFileList] = useState(handleInputFileList(value, maxCount));
+  useEffect(() => {
+    setFileList(handleInputFileList(value, maxCount));
+  }, [value]);
+
+  async function onFileChange(e) {
+    e.persist();
+    const { files: rawFiles } = e.target;
+    let files = [...fileList, ...[].slice.call(rawFiles)];
+    // 超出个数限制只保留前面的 maxCount 个
+    if (maxCount > 0 && files.length > maxCount) {
+      onCountExceed && onCountExceed(files.length - maxCount);
+      files.length = maxCount;
+      message.error("文件个数超出限制");
+    }
+    files = files.filter((it) => {
+      if (maxSize && it.size > maxSize) {
+        message.error("文件大小超出限制：" + it.size);
+        return false;
+      }
+      return it;
+    });
+    // 处理 oss 逻辑
+    if (isOssUpload) {
+      setLoading(true);
+      files = await handleOssUpload(files, {
+        axios: props.axios,
+        axiosConf: props?.axiosConf,
+        ...ossOpt,
+        ossUrl,
+      });
+      setLoading(false);
+    }
+
+    e.target.value = ""; // HACK: fix the same file doesn't trigger onChange
+    handleChange(files);
+  }
+
+  function handleChange(files, optType) {
+    let _files = files;
+    if (optType !== "del" && maxCount > 1) {
+      _files = [...fileList, ..._files];
+    }
+    _files = handleMaxCount(files, maxCount);
+    setFileList(_files);
+    if (isOssUpload && isStrRes) {
+      _files = _files?.map((file) => {
+        return file.url || file.ossUrl;
+      });
+    }
+    if (!_files || _files.length <= 0) {
+      _files = undefined;
+    } else if (isResRemoveArr && maxCount === 1) {
+      // maxCount 为1的时候返回结果去除数组
+      _files = _files[0];
+    }
+    onChange && onChange(_files);
+  }
+
+  const uploaderRef = useRef();
+
+  function onItemDel(idx) {
+    Modal.confirm({
+      content: "确认删除？",
+      onOk: () => {
+        const middleValue = _.cloneDeep(fileList);
+        middleValue.splice(idx, 1);
+        handleChange(middleValue, "del");
+        setFileList(middleValue);
+      },
+    });
+  }
+
+  const inputProps = {
+    className: "aria-hidden",
+    style: { display: "none" },
+    id: name,
+    onChange: onFileChange,
+    type: "file",
+    name: name,
+    multiple: multiple,
+    accept: accept,
+    capture: props.capture,
+  };
+
+  return (
+    <div className="uploader">
+      <input {...inputProps} ref={uploaderRef}></input>
+      <ItemList
+        fileList={fileList}
+        baseUrl={isOssUpload ? baseUrl : ""}
+        disabled={disabled}
+        readOnly={readOnly}
+        onItemDel={onItemDel}
+      />
+      {disabled || readOnly || (maxCount > 0 && fileList.length >= maxCount) ? null : (
+        <>
+          <Button
+            className="uploader-add-btn"
+            onClick={() => {
+              uploaderRef.current.click();
+            }}
+            loading={loading}
+          >
+            {loading ? "" : "+"}
+          </Button>
+        </>
+      )}
+    </div>
+  );
+}
+
+export default Uploader;

package/src/components/Upload/uploader.jsx

@@ -0,0 +1,200 @@
+import {
+  UploadOutlined,
+  PaperClipOutlined,
+  FilePdfTwoTone,
+  VideoCameraTwoTone,
+  FileExcelTwoTone,
+  FileWordTwoTone,
+} from "@ant-design/icons";
+import { Button, Upload as AUpload, message } from "antd";
+import React, { useEffect, useState } from "react";
+import { nanoid } from "nanoid";
+
+import { handleInputFileList, getFileName, getFileType } from "./common/utils";
+import UploadOss from "./common/ossUpload";
+
+import "./uploader.less";
+
+export function Uploader({ onChange, ...props }) {
+  const {
+    name = "file",
+    multiple = false,
+    accept,
+    value,
+    maxCount = 1,
+    // 文件大小限制
+    maxSize,
+    listType = "text",
+    disabled = false,
+    readOnly = false,
+    ossUrl = "/api/v1/user/oss/getWebOssConfig",
+    // 是否使用 oss 上传文件
+    isOssUpload,
+    // 是否使用字符串结果
+    isStrRes,
+    // maxCount === 1 时，结果是否自动去除数组嵌套
+    isResRemoveArr = true,
+    ossOpt,
+    onCountExceed,
+    templateUrl,
+    templateDownloadText = "模板下载",
+  } = props;
+
+  const [fileList, setFileList] = useState([]);
+
+  const handleChange = async ({ fileList }) => {
+    setFileList(fileList);
+    let _files = [...fileList];
+    // 处理提交结果为字符串的情况
+    if (isOssUpload && isStrRes) {
+      for (let i = 0; i < _files.length; i++) {
+        let _file = _files[i];
+        if (_file?.originFileObj) {
+          _file = _file?.originFileObj;
+        }
+        // 从文件对象中获取 url，ossPromise 为上传中的文件，兼容 file 为字符串的情况
+        let str = (await _file.ossPromise) || _file.url || _file.ossUrl || _file;
+        _files[i] = str;
+      }
+    }
+    // 处理空数据情况
+    if (!_files || _files.length <= 0) {
+      _files = undefined;
+    } else if (isResRemoveArr && maxCount === 1) {
+      // maxCount 为 1 的时候返回结果去除数组
+      _files = _files[0];
+    }
+    onChange && onChange?.(_files);
+  };
+
+  useEffect(() => {
+    if (!value) {
+      return;
+    }
+    let _list = value;
+    if (typeof _list === "string") {
+      _list = value.split(",");
+    }
+    if (Array.isArray(_list)) {
+      _list = _list.map((res) => {
+        if (typeof res === "string") {
+          return {
+            name: getFileName(res),
+            status: "done",
+            uid: `rc-upload-${Date.now()}-${nanoid()}`,
+            url: res,
+            type: getFileType(res),
+          };
+        }
+        return res;
+      });
+    }
+    setFileList(handleInputFileList(_list, maxCount));
+  }, [value]);
+
+  const onRemove = (file) => {
+    const files = (fileList || []).filter((v) => v.url !== file.url);
+    onChange && onChange(files);
+  };
+
+  const _uploadProps = {
+    iconRender: (e) => {
+      if (e?.type == "application/pdf") {
+        return <FilePdfTwoTone twoToneColor={"#DD4B43"} />;
+      } else if (e?.type?.startsWith("video/")) {
+        return <VideoCameraTwoTone twoToneColor={"#3C87F7"} />;
+      } else if (
+        e?.type == "application/vnd.ms-excel" ||
+        e?.type == "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+      ) {
+        return <FileExcelTwoTone twoToneColor={"#68B27C"} />;
+      } else if (
+        e?.type == "application/vnd.openxmlformats-officedocument.wordprocessingml.document" ||
+        e?.type == "application/msword"
+      ) {
+        return <FileWordTwoTone twoToneColor={"#88CCF5"} />;
+      } else {
+        return <PaperClipOutlined />;
+      }
+    },
+    name: name,
+    accept: accept,
+    multiple: multiple,
+    listType: listType,
+    maxCount: maxCount,
+    fileList: fileList,
+    onChange: handleChange,
+    disabled,
+    readOnly,
+    onRemove,
+    beforeUpload(file, _fileList) {
+      // 文件大小限制
+      let hasOverSize = false;
+      let overSizeTips = "";
+      _fileList.forEach((it) => {
+        if (maxSize && it.size > maxSize) {
+          message.error(`${it.name} 文件大小超出限制：${it.size}`);
+          overSizeTips += `${it.name} 文件大小超出限制：${it.size}; `;
+          hasOverSize = true;
+        }
+      });
+      if (hasOverSize) {
+        return AUpload.LIST_IGNORE;
+      }
+
+      // 超出个数限制只保留前面的 maxCount 个
+      if (maxCount > 0 && fileList.length >= maxCount) {
+        onCountExceed && onCountExceed(fileList.length - maxCount);
+        fileList.length = maxCount;
+        message.error("文件个数超出限制");
+        return AUpload.LIST_IGNORE;
+      }
+      return true;
+    },
+    customRequest: isOssUpload
+      ? function customRequest({ action, data, file, filename, headers, method, onSuccess, onProgress, onError }) {
+          const ossUpload = new UploadOss({
+            serverUrl: ossUrl,
+            ...ossOpt,
+          });
+          file.ossPromise = ossUpload
+            .upload(file, {
+              params: {
+                isPublic: 1,
+                ...(props.params || {}),
+              },
+            })
+            .then((res) => {
+              file.url = res?.data?.data?.fileUrl;
+              file.ossUrl = file.url;
+              onSuccess(file);
+              return file.ossUrl;
+            })
+            .catch(onError);
+          return;
+        }
+      : null,
+    ...(props || {}),
+  };
+
+  return (
+    <>
+      <AUpload className="oss-uploader" {..._uploadProps}>
+        {maxCount && maxCount > fileList.length ? (
+          listType === "picture-card" ? (
+            props.btnText || "上传"
+          ) : (
+            <Button icon={<UploadOutlined />}>{props.btnText || "上传"}</Button>
+          )
+        ) : null}
+      </AUpload>
+      {templateUrl ? (
+        <a className="uploader-template-download-btn" href={templateUrl}>
+          {templateDownloadText}
+        </a>
+      ) : null}
+    </>
+  );
+}
+
+export default Uploader;

package/src/components/Upload/uploader.less

@@ -0,0 +1,3 @@
+.uploader-template-download-btn {
+  color: #1890ff;
+}

package/src/components/index.tsx

@@ -1,3 +1,5 @@
 import Text from "./Text";
 
+export * from "./Upload";
+
 export { Text };

package/src/index.tsx

@@ -21,7 +21,7 @@ import {
   TimePicker,
   Transfer,
   TreeSelect,
-  Upload,
+  // Upload,
   FormGrid,
   FormLayout,
   FormTab,
@@ -32,6 +32,7 @@ import {
 import { Card, Slider, Rate } from "antd";
 // 自定义组件
 import * as customComponents from "./components/index";
+import { GlobalPropsContext } from "./common/global-props-context";
 
 import "./index.less";
 
@@ -63,7 +64,7 @@ const FormRender = forwardRef((props: any, parentRef) => {
         TimePicker,
         Transfer,
         TreeSelect,
-        Upload,
+        // Upload,
         Card,
         Slider,
         Rate,
@@ -102,19 +103,37 @@ const FormRender = forwardRef((props: any, parentRef) => {
     props.init && props.init(formRender);
   }, []);
 
+  const footer = useMemo(() => {
+    const { Slots } = props;
+    if (typeof Slots === "function") {
+      return <Slots />;
+    }
+    if (typeof Slots?.footer === "function") {
+      return <Slots.footer />;
+    }
+  }, [props.Slots]);
+
+  const formLayoutProps = {
+    ...props.schema?.form,
+  };
+
   return (
-    <Form
-      className={`form-render ${props.className}`}
-      layout={props.layout}
-      form={formRender}
-      labelCol={props.schema.form.labelCol}
-      wrapperCol={props.schema.form.wrapperCol}
-      onAutoSubmit={autoSubmit}
-      onAutoSubmitFailed={autoSubmitFailed}
-    >
-      <SchemaField schema={props.schema.schema}></SchemaField>
-      <div className="form-render-footer xxm">{props.Slots && <props.Slots />}</div>
-    </Form>
+    <GlobalPropsContext.Provider value={props}>
+      <Form
+        className={`form-render ${props.className}`}
+        layout={props.layout}
+        form={formRender}
+        labelCol={props.schema.form.labelCol}
+        wrapperCol={props.schema.form.wrapperCol}
+        onAutoSubmit={autoSubmit}
+        onAutoSubmitFailed={autoSubmitFailed}
+      >
+        <FormLayout {...formLayoutProps}>
+          <SchemaField schema={props.schema.schema}></SchemaField>
+          <div className="form-render-footer xxm">{footer}</div>
+        </FormLayout>
+      </Form>
+    </GlobalPropsContext.Provider>
   );
 });
 

package/CHANGELOG

@@ -1,2 +0,0 @@
-# @hzab/form-render0.0.1
-组件初始化