form-driver 0.1.1 → 0.1.2

package/es/m3.js

@@ -16394,7 +16394,7 @@ var OPEN_ENUM_RADIO_VALUE = -1;
  * 单选框，用于enum
  * 支持开放选项。
  * 定义示例：
- * {label:"1.1 您的性别是", name:"gendar", type:"enum", option: [{label:"男", value:"M"},{label:"女", value:"F"}] },
+ * {label:"1.1 您的性别是", name:"gendar", type:"enum", option: [{label:"男", value:"M"},{label:"女", value:"F"}]},
  * {label:"1.1 您的性别是", name:"gendar", type:"enum", option:"男 女"},
  */
 
@@ -17627,15 +17627,22 @@ var ASpecInputBox = /*#__PURE__*/function (_BaseViewer) {
         _this = this;
 
     var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
+
+    var deepCloneP = _.cloneDeep(p);
+
+    var selfOnChange = p.onChange;
+    delete deepCloneP.onChange;
     return /*#__PURE__*/React.createElement(Input, Object.assign({}, _BaseViewer.prototype.antProp.call(this), {
       defaultValue: _BaseViewer.prototype.getValue.call(this),
       onBlur: function onBlur() {
         return _this.changeValueEx(_BaseViewer.prototype.getValue.call(_this), false, true);
       },
       onChange: function onChange(v) {
-        return _this.changeValueEx(v.target.value, false, false);
+        _this.changeValueEx(v.target.value, false, false);
+
+        selfOnChange && selfOnChange(v);
       }
-    }, p));
+    }, deepCloneP));
   };
 
   return ASpecInputBox;
@@ -19631,6 +19638,13 @@ var ARemoteSelector = /*#__PURE__*/function (_Viewer) {
     }
 
     var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
+
+    var deepCloneP = _.cloneDeep(p);
+
+    var selfDisabled = p.disabled;
+    delete deepCloneP.disabled;
+    var selfOnChange = p.onChange;
+    delete deepCloneP.onChange;
     return /*#__PURE__*/React.createElement(Select, Object.assign({
       key: this.props.path,
       showSearch: true,
@@ -19674,12 +19688,15 @@ var ARemoteSelector = /*#__PURE__*/function (_Viewer) {
             if (v) _Viewer.prototype.changeValue.call(_this2, v.value);else _Viewer.prototype.changeValue.call(_this2, null);
             break;
         }
+
+        selfOnChange && selfOnChange(v);
       }
-    }, p), (_this$state$candidate = this.state.candidate) == null ? void 0 : _this$state$candidate.map(function (d) {
+    }, deepCloneP), (_this$state$candidate = this.state.candidate) == null ? void 0 : _this$state$candidate.map(function (d) {
       var v = MUtil.get(d, _this2.props.schema.remote.valuePath);
       return /*#__PURE__*/React.createElement(Select.Option, {
         key: v,
-        value: v
+        value: v,
+        disabled: d[selfDisabled]
       }, labelExpr(d, _this2.props.schema.remote));
     }));
   };

package/lib/m3.js

@@ -16414,7 +16414,7 @@ var OPEN_ENUM_RADIO_VALUE = -1;
  * 单选框，用于enum
  * 支持开放选项。
  * 定义示例：
- * {label:"1.1 您的性别是", name:"gendar", type:"enum", option: [{label:"男", value:"M"},{label:"女", value:"F"}] },
+ * {label:"1.1 您的性别是", name:"gendar", type:"enum", option: [{label:"男", value:"M"},{label:"女", value:"F"}]},
  * {label:"1.1 您的性别是", name:"gendar", type:"enum", option:"男 女"},
  */
 
@@ -17647,15 +17647,22 @@ var ASpecInputBox = /*#__PURE__*/function (_BaseViewer) {
         _this = this;
 
     var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
+
+    var deepCloneP = ___default["default"].cloneDeep(p);
+
+    var selfOnChange = p.onChange;
+    delete deepCloneP.onChange;
     return /*#__PURE__*/React__default["default"].createElement(antd.Input, Object.assign({}, _BaseViewer.prototype.antProp.call(this), {
       defaultValue: _BaseViewer.prototype.getValue.call(this),
       onBlur: function onBlur() {
         return _this.changeValueEx(_BaseViewer.prototype.getValue.call(_this), false, true);
       },
       onChange: function onChange(v) {
-        return _this.changeValueEx(v.target.value, false, false);
+        _this.changeValueEx(v.target.value, false, false);
+
+        selfOnChange && selfOnChange(v);
       }
-    }, p));
+    }, deepCloneP));
   };
 
   return ASpecInputBox;
@@ -19651,6 +19658,13 @@ var ARemoteSelector = /*#__PURE__*/function (_Viewer) {
     }
 
     var p = (_this$props$schema$pr = this.props.schema.props) != null ? _this$props$schema$pr : {};
+
+    var deepCloneP = ___default["default"].cloneDeep(p);
+
+    var selfDisabled = p.disabled;
+    delete deepCloneP.disabled;
+    var selfOnChange = p.onChange;
+    delete deepCloneP.onChange;
     return /*#__PURE__*/React__default["default"].createElement(antd.Select, Object.assign({
       key: this.props.path,
       showSearch: true,
@@ -19694,12 +19708,15 @@ var ARemoteSelector = /*#__PURE__*/function (_Viewer) {
             if (v) _Viewer.prototype.changeValue.call(_this2, v.value);else _Viewer.prototype.changeValue.call(_this2, null);
             break;
         }
+
+        selfOnChange && selfOnChange(v);
       }
-    }, p), (_this$state$candidate = this.state.candidate) == null ? void 0 : _this$state$candidate.map(function (d) {
+    }, deepCloneP), (_this$state$candidate = this.state.candidate) == null ? void 0 : _this$state$candidate.map(function (d) {
       var v = MUtil.get(d, _this2.props.schema.remote.valuePath);
       return /*#__PURE__*/React__default["default"].createElement(antd.Select.Option, {
         key: v,
-        value: v
+        value: v,
+        disabled: d[selfDisabled]
       }, labelExpr(d, _this2.props.schema.remote));
     }));
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "form-driver",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "An efficient framework for creating forms.",
   "license": "MIT",
   "authors": [
@@ -64,7 +64,8 @@
     "lodash": "^4.17.20",
     "moment": "^2.29.1",
     "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "react-dom": "^17.0.1",
+    "yarn": "^1.22.17"
   },
   "devDependencies": {
     "@ant-design/tools": "^13.5.0-beta.1",

package/src/ui/editor/basic/ARadio.tsx

@@ -14,7 +14,7 @@ const OPEN_ENUM_RADIO_VALUE = -1;
  * 单选框，用于enum
  * 支持开放选项。
  * 定义示例：
- * {label:"1.1 您的性别是", name:"gendar", type:"enum", option: [{label:"男", value:"M"},{label:"女", value:"F"}] },
+ * {label:"1.1 您的性别是", name:"gendar", type:"enum", option: [{label:"男", value:"M"},{label:"女", value:"F"}]},
  * {label:"1.1 您的性别是", name:"gendar", type:"enum", option:"男 女"},
  */
 export class ARadio extends BaseViewer {

package/src/ui/editor/basic/ARemoteSelector.tsx

@@ -70,6 +70,13 @@ export class ARemoteSelector extends Viewer<State> {
     }
     
     const p = this.props.schema.props ?? {};
+    const deepCloneP = _.cloneDeep(p)
+    const selfDisabled = p.disabled
+    delete deepCloneP.disabled
+    const selfOnChange = p.onChange
+    delete deepCloneP.onChange
+    
+    
     return <Select
       key={this.props.path}
       showSearch
@@ -102,13 +109,21 @@ export class ARemoteSelector extends Viewer<State> {
             else super.changeValue(null);
             break;
         }
+        selfOnChange && selfOnChange(v)
       }}
-      {...p}
+      {...deepCloneP}
       >
       {
         this.state.candidate?.map(d => {
           const v = MUtil.get(d, this.props.schema.remote.valuePath);
-          return <Select.Option key={v} value={v}>{labelExpr(d, this.props.schema.remote)}</Select.Option>
+          return (
+            <Select.Option 
+              key={v} 
+              value={v}
+              disabled={d[selfDisabled]}
+            >
+                {labelExpr(d, this.props.schema.remote)}
+            </Select.Option>)
         })
       }
     </Select>

package/src/ui/editor/basic/ASpecInputBox.tsx

@@ -1,4 +1,5 @@
 import React from "react";
+import _ from "lodash"
 import { Input } from "antd";
 import { BaseViewer } from '../../BaseViewer';
 
@@ -9,12 +10,20 @@ import { BaseViewer } from '../../BaseViewer';
 export class ASpecInputBox extends BaseViewer {
   element() {
     const p = this.props.schema.props ?? {};
+    const deepCloneP = _.cloneDeep(p)
+    const selfOnChange = p.onChange
+    delete deepCloneP.onChange
+    
     return <Input
       {...super.antProp()}
       defaultValue={super.getValue()}
       onBlur={() => this.changeValueEx(super.getValue(), false, true)}
-      onChange={(v) => this.changeValueEx(v.target.value, false, false)} 
-      {...p}
+      onChange={(v) => {
+        this.changeValueEx(v.target.value, false, false);
+        selfOnChange && selfOnChange(v)
+      }}
+      {...deepCloneP}
     />;
   }
 }
+

package/types/plugins/richtext/src/RichText.d.ts

@@ -1,40 +1,18 @@
+/// <reference types="react" />
 import './RichText.less';
 import 'quill/dist/quill.snow.css';
 import { Viewer, ViewerState } from 'form-driver';
 interface State extends ViewerState {
-    progress: string;
     quillEditorId: string;
-    uploadImageId: string;
-    uploadVideoId: string;
-    showBar: boolean;
-    isBreak: boolean;
-    isUploading: boolean;
-    checkpoint: object;
-    loading: boolean;
 }
 /**
  * 基于 Quill 封装的富文本输入框
  */
 export declare class RichText extends Viewer<State> {
-    private _client;
     private _quill;
-    private _timer;
-    private _breakName;
-    private _breakFile;
-    private _type;
     private options;
     constructor(p: any);
     componentDidMount(): void;
-    componentWillReceiveProps(nextProps: any): void;
-    componentWillUnmount(): void;
-    upload: (type: any) => void;
-    progressFun: (p: any, checkpoint: any) => (done: any) => void;
-    goOnUploadFile: (checkpoint: any) => void;
-    uploadFile: () => void;
-    uploadUnit: (name: any, file: any, config: any) => void;
-    insertFile: (url: any) => void;
-    cancleUpload: () => void;
-    reset: () => void;
     element(): JSX.Element;
 }
 export {};

package/types/plugins/richtext/src/RichType.d.ts

@@ -1,2 +1,2 @@
-import { MType } from "form-driver";
+import { MType } from 'form-driver';
 export declare const RichType: MType;

package/types/plugins/richtext/src/RichViewer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from 'form-driver';
 export declare class RichViewer extends BaseViewer {
     element(): JSX.Element;

package/types/plugins/richtext/src/index.d.ts

@@ -2,7 +2,7 @@ import { RichText } from './RichText';
 import { RichViewer } from './RichViewer';
 declare const _default: {
     name: string;
-    type: import("form-driver").MType;
+    type: any;
     editor: typeof RichText;
     readable: typeof RichViewer;
 };

package/types/src/framework/MUtil.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import moment from "moment";
 import { M3UISpec, MEnumField, MFieldSchema, MFieldSchemaAnonymity, MValidationFail } from './Schema';
 import { JSONSchema6 } from 'json-schema';

package/types/src/framework/Schema.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MORPH, VIEWER, Assembly } from './Assembly';
 export declare type ValueConst = string | boolean | number;
 export interface MEnumField {

package/types/src/ui/editor/basic/ACascadePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MFieldSchema } from '../../../framework/Schema';
 import { BaseViewer } from "../../..";
 export declare function labelExpr(d: any, remote: MFieldSchema["remote"]): any;

package/types/src/ui/editor/basic/ACheckBox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from '../../BaseViewer';
 import { MEnumField, MProp, ValueConst } from '../../../framework/Schema';
 /**

package/types/src/ui/editor/basic/ADatetimePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from '../../BaseViewer';
 /**
  * 日期选择框

package/types/src/ui/editor/basic/AGB2260.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from '../../BaseViewer';
 /**
  * 选择中国的省市县

package/types/src/ui/editor/basic/AInputBox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from '../../BaseViewer';
 import { MProp } from "../../../framework/Schema";
 export declare class AInputBox extends BaseViewer {

package/types/src/ui/editor/basic/AIntBox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from "../../BaseViewer";
 /**
  * 输入整数的输入框

package/types/src/ui/editor/basic/AKvSet.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from '../../BaseViewer';
 import { MEnumField, MProp, ValueConst } from '../../../framework/Schema';
 import "./AKvSet.less";

package/types/src/ui/editor/basic/ARadio.d.ts

@@ -1,9 +1,10 @@
+/// <reference types="react" />
 import { BaseViewer } from '../../BaseViewer';
 /**
  * 单选框，用于enum
  * 支持开放选项。
  * 定义示例：
- * {label:"1.1 您的性别是", name:"gendar", type:"enum", option: [{label:"男", value:"M"},{label:"女", value:"F"}] },
+ * {label:"1.1 您的性别是", name:"gendar", type:"enum", option: [{label:"男", value:"M"},{label:"女", value:"F"}]},
  * {label:"1.1 您的性别是", name:"gendar", type:"enum", option:"男 女"},
  */
 export declare class ARadio extends BaseViewer {

package/types/src/ui/editor/basic/ARate.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from "../../BaseViewer";
 import './ARate.less';
 import { MProp } from "../../../framework/Schema";

package/types/src/ui/editor/basic/ARemoteSelector.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Viewer, ViewerState } from '../../BaseViewer';
 import { MFieldSchema } from '../../../framework/Schema';
 interface State extends ViewerState {

package/types/src/ui/editor/basic/ASelector.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MEnumField, MProp } from '../../../framework/Schema';
 import { BaseViewer } from '../../BaseViewer';
 /**

package/types/src/ui/editor/basic/ASetSelector.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from "../../BaseViewer";
 /**
  * 下拉框多选

package/types/src/ui/editor/basic/ASpecInputBox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from '../../BaseViewer';
 /**
  * 手机号/邮箱等输入框

package/types/src/ui/editor/basic/ATreeSelect.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from "../../BaseViewer";
 /**
  * antd 的树型选择控件 https://ant.design/components/tree-select-cn/

package/types/src/ui/editor/basic/AUpload.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from "../../BaseViewer";
 /**
  * antd 的上传组件 https://ant.design/components/upload-cn/

package/types/src/ui/editor/basic/NPS.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from "../../BaseViewer";
 import "./NPS.less";
 import { MProp } from "../../../framework/Schema";

package/types/src/ui/editor/complex/AArray.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./AArray.less";
 import { BaseViewer } from '../../BaseViewer';
 import { MFieldSchemaAnonymity } from "../../../framework/Schema";

package/types/src/ui/editor/complex/AArrayGrid.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from '../../BaseViewer';
 /**
  * 数据表格

package/types/src/ui/editor/complex/ACnAddress.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './ACnAddress.less';
 import { BaseViewer } from '../../BaseViewer';
 /**

package/types/src/ui/editor/complex/ADialogForm.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from "../../BaseViewer";
 /**
  * 展示为一个按钮，点击后弹出对话框编辑

package/types/src/ui/editor/complex/AExperience.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from '../../BaseViewer';
 /**
  * 经历，可以用于教育经历、工作经历等

package/types/src/ui/editor/complex/AForm.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./AForm.less";
 import { Viewer, ViewerState } from '../../BaseViewer';
 import { MProp } from '../../../framework/Schema';

package/types/src/ui/editor/complex/AIntDiff.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from "../../BaseViewer";
 /**
  * 类似这样分正负的数字：

package/types/src/ui/editor/complex/AMatrix.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./AMatrix.less";
 import { BaseViewer } from "../../BaseViewer";
 /**

package/types/src/ui/editor/complex/ATable.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from '../../BaseViewer';
 import "./ATable.less";
 /**

package/types/src/ui/editor/complex/JsonEditor.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from '../../BaseViewer';
 /**
  * 用文本框编辑json object或者json array

package/types/src/ui/readable/A.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from '../BaseViewer';
 export declare class A extends BaseViewer {
     element(): JSX.Element;

package/types/src/ui/readable/ArrayViewer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from "../BaseViewer";
 export declare class ArrayViewer extends BaseViewer {
     element(ctx: any): JSX.Element | JSX.Element[];

package/types/src/ui/readable/DecorationViewer.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { MProp } from '../../framework/Schema';
 export declare function DecorationViewer(props: MProp): JSX.Element;

package/types/src/ui/readable/DivViewer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BaseViewer } from '../BaseViewer';
 export declare class DivViewer extends BaseViewer {
     element(): JSX.Element;

package/types/src/ui/widget/SegmentEditSwitch.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare type SegmentEditSwitchState = 
 /** 只有一个可以按的【编辑】按钮 */
 "readable" |