This commit is contained in:
Ling53666
2025-08-18 09:11:51 +08:00
commit 02554225da
2516 changed files with 133155 additions and 0 deletions

View File

@ -0,0 +1 @@
.ant-form-cascader-picker-arrow{margin-left:4px;color:#ccc;font-size:18px}

View File

@ -0,0 +1,87 @@
<import-sjs
from="../../_util/arrow.sjs"
name="arrowUtil"
></import-sjs>
<form-item
className="{{className}}"
position="{{position}}"
label="{{label}}"
labelWidth="{{labelWidth}}"
status="{{formData.status}}"
errors="{{formData.errors}}"
tooltip="{{tooltip}}"
required="{{formData.required}}"
requiredMark="{{requiredMark}}"
validateStatus="{{validateStatus}}"
help="{{help}}"
>
<view>
<ant-cascader-picker
options="{{options}}"
cancelText="{{cancelText}}"
okText="{{okText}}"
placeholder="{{placeholder}}"
animationType="{{animationType}}"
maskClosable="{{maskClosable}}"
maskStyle="{{maskStyle}}"
popClassName="{{popClassName}}"
style="{{style}}"
popStyle="{{popStyle}}"
disabled="{{disabled}}"
title="{{title}}"
maskClassName="{{maskClassName}}"
indicatorStyle="{{indicatorStyle}}"
indicatorClassName="{{indicatorClassName}}"
value="{{formData.value}}"
onOk="onOk"
onChange="onChange"
onCancel="onDismissPicker"
onVisibleChange="onVisibleChange"
onFormat="{{handleFormat ? handleFormat : 'handleFormat'}}"
>
<slot
name="content"
slot="content"
></slot>
<slot
name="title"
slot="title"
></slot>
<ant-icon
a:if="{{arrowUtil.getArrow(arrow)}}"
className="ant-form-cascader-picker-arrow"
type="{{arrowUtil.getArrow(arrow)}}"
slot="suffix"
></ant-icon>
</ant-cascader-picker>
</view>
<view
a:if="{{!tooltip}}"
slot="tooltip"
>
<slot name="tooltip"></slot>
</view>
<view slot="extra">
<slot name="extra">{{extra}}</slot>
</view>
<view
slot="header"
slot-scope="item"
>
<slot
name="header"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
<view
slot="footer"
slot-scope="item"
>
<slot
name="footer"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
</form-item>

View File

@ -0,0 +1 @@
export {};

View File

@ -0,0 +1,29 @@
import { Component, triggerEvent, triggerEventValues, triggerEventOnly, getValueFromProps, } from '../../_util/simply';
import { resolveEventValue, resolveEventValues } from '../../_util/platform';
import { FormCascaderPickerDefaultProps } from './props';
import { createForm } from '../form';
Component(FormCascaderPickerDefaultProps, {
onOk: function (value, option, e) {
var v = resolveEventValues(value, option);
this.emit('onChange', v[0]);
triggerEventValues(this, 'ok', v, e);
},
onPickerChange: function (value, option, e) {
triggerEventValues(this, 'pickerChange', resolveEventValues(value, option), e);
},
onVisibleChange: function (visible, e) {
triggerEvent(this, 'visibleChange', resolveEventValue(visible), e);
},
onDismissPicker: function (e) {
triggerEventOnly(this, 'cancel', e);
},
onChange: function (value, options, e) {
triggerEventValues(this, 'change', resolveEventValues(value, options), e);
},
handleFormat: function (value, option) {
var onFormat = getValueFromProps(this, 'onFormat');
if (onFormat) {
return onFormat(value, option);
}
},
}, {}, [createForm()], {});

View File

@ -0,0 +1,8 @@
{
"component": true,
"usingComponents": {
"form-item": "../FormItem/index",
"ant-cascader-picker": "../../Picker/CascaderPicker/index",
"ant-icon": "../../Icon/index"
}
}

View File

@ -0,0 +1,9 @@
import { ICascaderProps } from '../../Picker/CascaderPicker/props';
import { FormItemProps } from '../FormItem/props';
export interface FormCascaderPickerProps extends ICascaderProps, FormItemProps {
/**
* @description 箭头方向,不传表示没有箭头
*/
arrow: boolean | 'right' | 'up' | 'down';
}
export declare const FormCascaderPickerDefaultProps: Partial<FormCascaderPickerProps>;

View File

@ -0,0 +1,4 @@
import { __assign } from "tslib";
import { CascaderDefaultProps, } from '../../Picker/CascaderPicker/props';
import { FormItemDefaultProps } from '../FormItem/props';
export var FormCascaderPickerDefaultProps = __assign(__assign(__assign({}, FormItemDefaultProps), CascaderDefaultProps), { arrow: false });

View File

@ -0,0 +1,61 @@
<form-item
className="{{className}}"
position="{{position}}"
label="{{label}}"
labelWidth="{{labelWidth}}"
status="{{formData.status}}"
errors="{{formData.errors}}"
tooltip="{{tooltip}}"
required="{{formData.required}}"
requiredMark="{{requiredMark}}"
validateStatus="{{validateStatus}}"
help="{{help}}"
>
<view>
<checkbox-group
options="{{options}}"
value="{{formData.value}}"
onChange="onChange"
color="{{color}}"
disabled="{{disabled}}"
position="{{checkboxPosition}}"
>
<slot
name="checkboxLabel"
value="{{props.value}}"
index="{{props.index}}"
slot="label"
slot-scope="props"
></slot>
</checkbox-group>
</view>
<view
a:if="{{!tooltip}}"
slot="tooltip"
>
<slot name="tooltip"></slot>
</view>
<view slot="extra">
<slot name="extra">{{extra}}</slot>
</view>
<view
slot="header"
slot-scope="item"
>
<slot
name="header"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
<view
slot="footer"
slot-scope="item"
>
<slot
name="footer"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
</form-item>

View File

@ -0,0 +1 @@
export {};

View File

@ -0,0 +1,10 @@
import { Component, triggerEvent } from '../../_util/simply';
import { FormCheckboxGroupDefaultProps } from './props';
import { resolveEventValue } from '../../_util/platform';
import { createForm } from '../form';
Component(FormCheckboxGroupDefaultProps, {
onChange: function (value, e) {
this.emit('onChange', resolveEventValue(value));
triggerEvent(this, 'change', resolveEventValue(value), e);
},
}, null, [createForm()]);

View File

@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"form-item": "../FormItem/index",
"checkbox-group": "../../Checkbox/CheckboxGroup/index"
}
}

View File

@ -0,0 +1,6 @@
import { FormItemProps } from '../FormItem/props';
import { ICheckboxGroupProps } from '../../Checkbox/CheckboxGroup/props';
export interface FormCheckboxGroupProps extends Omit<ICheckboxGroupProps, 'position'>, FormItemProps {
checkboxPosition?: ICheckboxGroupProps['position'];
}
export declare const FormCheckboxGroupDefaultProps: Partial<FormCheckboxGroupProps>;

View File

@ -0,0 +1,6 @@
import { __assign, __rest } from "tslib";
import { FormItemDefaultProps } from '../FormItem/props';
import { CheckboxGroupDefaultProps, } from '../../Checkbox/CheckboxGroup/props';
// eslint-disable-next-line @typescript-eslint/no-unused-vars
var position = CheckboxGroupDefaultProps.position, rest = __rest(CheckboxGroupDefaultProps, ["position"]);
export var FormCheckboxGroupDefaultProps = __assign(__assign(__assign({}, FormItemDefaultProps), rest), { checkboxPosition: 'horizontal' });

View File

@ -0,0 +1 @@
.ant-form-date-picker-arrow{margin-left:4px;color:#ccc;font-size:18px}

View File

@ -0,0 +1,93 @@
<import-sjs
from="../../_util/arrow.sjs"
name="arrowUtil"
></import-sjs>
<form-item
className="{{className}}"
position="{{position}}"
label="{{label}}"
labelWidth="{{labelWidth}}"
status="{{formData.status}}"
errors="{{formData.errors}}"
tooltip="{{tooltip}}"
required="{{formData.required}}"
requiredMark="{{requiredMark}}"
validateStatus="{{validateStatus}}"
help="{{help}}"
>
<view>
<ant-date-picker
min="{{min}}"
max="{{max}}"
format="{{format}}"
precision="{{precision}}"
cancelText="{{cancelText}}"
okText="{{okText}}"
placeholder="{{placeholder}}"
animationType="{{animationType}}"
maskClosable="{{maskClosable}}"
maskStyle="{{maskStyle}}"
popClassName="{{popClassName}}"
style="{{style}}"
popStyle="{{popStyle}}"
disabled="{{disabled}}"
title="{{title}}"
maskClassName="{{maskClassName}}"
indicatorStyle="{{indicatorStyle}}"
indicatorClassName="{{indicatorClassName}}"
value="{{formData.value}}"
onOk="onOk"
onPickerChange="onPickerChange"
onCancel="onDismissPicker"
onVisibleChange="onVisibleChange"
onFormatLabel="{{handleFormatLabel ? handleFormatLabel : 'handleFormatLabel'}}"
onFormat="{{handleFormat ? handleFormat : 'handleFormat'}}"
>
<slot
name="content"
slot="content"
></slot>
<slot
name="title"
slot="title"
></slot>
<ant-icon
a:if="{{arrowUtil.getArrow(arrow)}}"
className="ant-form-date-picker-arrow"
type="{{arrowUtil.getArrow(arrow)}}"
slot="suffix"
></ant-icon>
</ant-date-picker>
</view>
<view
a:if="{{!tooltip}}"
slot="tooltip"
>
<slot name="tooltip"></slot>
</view>
<view slot="extra">
<slot name="extra">
{{extra}}
</slot>
</view>
<view
slot="header"
slot-scope="item"
>
<slot
name="header"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
<view
slot="footer"
slot-scope="item"
>
<slot
name="footer"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
</form-item>

View File

@ -0,0 +1 @@
export {};

View File

@ -0,0 +1,32 @@
import { Component, triggerEvent, triggerEventValues, triggerEventOnly, getValueFromProps, } from '../../_util/simply';
import { resolveEventValue, resolveEventValues } from '../../_util/platform';
import { FormDatePickerDefaultProps } from './props';
import { createForm } from '../form';
Component(FormDatePickerDefaultProps, {
onOk: function (date, dateStr, e) {
var v = resolveEventValues(date, dateStr);
this.emit('onChange', v[0]);
triggerEventValues(this, 'ok', v, e);
},
onPickerChange: function (date, dateStr, e) {
triggerEventValues(this, 'pickerChange', resolveEventValues(date, dateStr), e);
},
onVisibleChange: function (visible, e) {
triggerEvent(this, 'visibleChange', resolveEventValue(visible), e);
},
onDismissPicker: function (e) {
triggerEventOnly(this, 'dismissPicker', e);
},
handleFormat: function (date, dateStr) {
var onFormat = getValueFromProps(this, 'onFormat');
if (onFormat) {
return onFormat(date, dateStr);
}
},
handleFormatLabel: function (type, value) {
var onFormatLabel = getValueFromProps(this, 'onFormatLabel');
if (onFormatLabel) {
return onFormatLabel(type, value);
}
},
}, {}, [createForm()], {});

View File

@ -0,0 +1,8 @@
{
"component": true,
"usingComponents": {
"form-item": "../FormItem/index",
"ant-date-picker": "../../DatePicker/index",
"ant-icon": "../../Icon/index"
}
}

View File

@ -0,0 +1,9 @@
import { IDatePickerProps } from '../../DatePicker/props';
import { FormItemProps } from '../FormItem/props';
export interface FormDatePickerProps extends IDatePickerProps, FormItemProps {
/**
* @description 箭头方向,不传表示没有箭头
*/
arrow: boolean | 'right' | 'up' | 'down';
}
export declare const FormDatePickerDefaultProps: Partial<FormDatePickerProps>;

View File

@ -0,0 +1,4 @@
import { __assign } from "tslib";
import { DatePickerDefaultProps, } from '../../DatePicker/props';
import { FormItemDefaultProps } from '../FormItem/props';
export var FormDatePickerDefaultProps = __assign(__assign(__assign({}, FormItemDefaultProps), DatePickerDefaultProps), { arrow: false });

View File

@ -0,0 +1,58 @@
<form-item
className="{{className}}"
position="{{position}}"
label="{{label}}"
labelWidth="{{labelWidth}}"
status="{{formData.status}}"
errors="{{formData.errors}}"
tooltip="{{tooltip}}"
required="{{formData.required}}"
requiredMark="{{requiredMark}}"
validateStatus="{{validateStatus}}"
help="{{help}}"
>
<image-upload
ref="handleRef"
defaultFileList="{{formData.value}}"
maxCount="{{maxCount}}"
imageMode="{{imageMode}}"
sourceType="{{sourceType}}"
onChange="onChange"
onUpload="{{handleUpload ? handleUpload : 'handleUpload'}}"
onRemove="{{handleRemove ? handleRemove : 'handleRemove'}}"
onPreview="onPreview"
onBeforeUpload="{{handleBeforeUpload ? handleBeforeUpload : 'handleBeforeUpload'}}"
onChooseImageError="onChooseImageError"
></image-upload>
<view
a:if="{{!tooltip}}"
slot="tooltip"
>
<slot name="tooltip"></slot>
</view>
<view slot="extra">
<slot name="extra">
{{extra}}
</slot>
</view>
<view
slot="header"
slot-scope="item"
>
<slot
name="header"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
<view
slot="footer"
slot-scope="item"
>
<slot
name="footer"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
</form-item>

View File

@ -0,0 +1 @@
export {};

View File

@ -0,0 +1,48 @@
import { __assign } from "tslib";
import { Component, triggerEvent, getValueFromProps } from '../../_util/simply';
import { resolveEventValue } from '../../_util/platform';
import { FormImageUploadDefaultProps } from './props';
import { createForm } from '../form';
Component(FormImageUploadDefaultProps, {
handleRef: function (imageUpload) {
this.imageUpload = imageUpload;
},
onChange: function (value) {
this.emit('onChange', resolveEventValue(value));
triggerEvent(this, 'change', resolveEventValue(value));
},
onPreview: function (file) {
triggerEvent(this, 'preview', resolveEventValue(file));
},
onChooseImageError: function (err) {
triggerEvent(this, 'chooseImageError', resolveEventValue(err));
},
handleUpload: function (localFile) {
var onUpload = getValueFromProps(this, 'onUpload');
if (!onUpload) {
throw new Error('need props onUpload');
}
return onUpload(localFile);
},
handleRemove: function (file) {
var onRemove = getValueFromProps(this, 'onRemove');
if (onRemove) {
return onRemove(file);
}
},
handleBeforeUpload: function (localFileList) {
var onBeforeUpload = getValueFromProps(this, 'onBeforeUpload');
if (onBeforeUpload) {
return onBeforeUpload(localFileList);
}
},
}, {}, [
createForm({
methods: {
setFormData: function (values) {
this.setData(__assign(__assign({}, this.data), { formData: __assign(__assign({}, this.data.formData), values) }));
this.imageUpload && this.imageUpload.update(this.data.formData.value);
},
},
}),
], {});

View File

@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"form-item": "../FormItem/index",
"image-upload": "../../ImageUpload/index"
}
}

View File

@ -0,0 +1,5 @@
import { FormItemProps } from '../FormItem/props';
import { IUploaderProps } from '../../ImageUpload/props';
export interface FormImageUploadProps extends Omit<IUploaderProps, 'defaultFileList'>, FormItemProps {
}
export declare const FormImageUploadDefaultProps: Partial<FormImageUploadProps>;

View File

@ -0,0 +1,6 @@
import { __assign, __rest } from "tslib";
import { FormItemDefaultProps } from '../FormItem/props';
import { UploaderDefaultProps, } from '../../ImageUpload/props';
// eslint-disable-next-line @typescript-eslint/no-unused-vars
var defaultFileList = UploaderDefaultProps.defaultFileList, rest = __rest(UploaderDefaultProps, ["defaultFileList"]);
export var FormImageUploadDefaultProps = __assign(__assign({}, FormItemDefaultProps), rest);

View File

@ -0,0 +1,77 @@
<form-item
className="{{className}}"
position="{{position}}"
label="{{label}}"
labelWidth="{{labelWidth}}"
status="{{formData.status}}"
errors="{{formData.errors}}"
tooltip="{{tooltip}}"
required="{{formData.required}}"
requiredMark="{{requiredMark}}"
validateStatus="{{validateStatus}}"
help="{{help}}"
>
<ant-input
ref="handleRef"
allowClear="{{allowClear}}"
enableNative="{{enableNative}}"
className="{{inputClassName}}"
style="{{inputStyle}}"
disabled="{{disabled}}"
type="{{type}}"
password="{{password}}"
placeholder="{{placeholder}}"
alwaysSystem="{{alwaysSystem}}"
placeholderClassName="{{placeholderClassName}}"
placeholderStyle="{{placeholderStyle}}"
maxLength="{{maxLength}}"
confirmType="{{confirmType}}"
confirmHold="{{confirmHold}}"
cursor="{{cursor}}"
selectionStart="{{selectionStart}}"
selectionEnd="{{selectionEnd}}"
randomNumber="{{randomNumber}}"
onChange="onChange"
onBlur="onBlur"
onFocus="onFocus"
onConfirm="onConfirm"
>
<slot
name="prefix"
slot="prefix"
></slot>
<slot
name="suffix"
slot="suffix"
></slot>
</ant-input>
<view
a:if="{{!tooltip}}"
slot="tooltip"
>
<slot name="tooltip"></slot>
</view>
<view slot="extra">
<slot name="extra">{{extra}}</slot>
</view>
<view
slot="header"
slot-scope="item"
>
<slot
name="header"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
<view
slot="footer"
slot-scope="item"
>
<slot
name="footer"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
</form-item>

View File

@ -0,0 +1 @@
export {};

View File

@ -0,0 +1,32 @@
import { __assign } from "tslib";
import { Component, triggerEvent } from '../../_util/simply';
import { resolveEventValue } from '../../_util/platform';
import { FormInputDefaultProps } from './props';
import { createForm } from '../form';
Component(FormInputDefaultProps, {
handleRef: function (input) {
this.input = input;
},
onChange: function (value, e) {
this.emit('onChange', resolveEventValue(value));
triggerEvent(this, 'change', resolveEventValue(value), e);
},
onBlur: function (value, e) {
triggerEvent(this, 'blur', resolveEventValue(value), e);
},
onFocus: function (value, e) {
triggerEvent(this, 'focus', resolveEventValue(value), e);
},
onConfirm: function (value, e) {
triggerEvent(this, 'confirm', resolveEventValue(value), e);
},
}, null, [
createForm({
methods: {
setFormData: function (values) {
this.setData(__assign(__assign({}, this.data), { formData: __assign(__assign({}, this.data.formData), values) }));
this.input && this.input.update(this.data.formData.value);
},
},
}),
]);

View File

@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"form-item": "../FormItem/index",
"ant-input": "../../Input/index"
}
}

View File

@ -0,0 +1,7 @@
import { FormItemProps } from '../FormItem/props';
import { InputProps } from '../../Input/props';
export interface FormInputProps extends Omit<InputProps, 'value' | 'defaultValue' | 'name'>, FormItemProps {
inputClassName: string;
inputClassStyle: string;
}
export declare const FormInputDefaultProps: FormInputProps;

View File

@ -0,0 +1,6 @@
import { __assign, __rest } from "tslib";
import { FormItemDefaultProps } from '../FormItem/props';
import { InputDefaultProps } from '../../Input/props';
// eslint-disable-next-line @typescript-eslint/no-unused-vars
var value = InputDefaultProps.value, defaultValue = InputDefaultProps.defaultValue, name = InputDefaultProps.name, rest = __rest(InputDefaultProps, ["value", "defaultValue", "name"]);
export var FormInputDefaultProps = __assign(__assign(__assign({}, FormItemDefaultProps), rest), { inputClassName: '', inputClassStyle: ' ' });

View File

@ -0,0 +1 @@
.ant-form-item{background-color:#fff;padding:12px 12px 12px 16px;position:relative}.ant-form-item::after{content:'';position:absolute;background-color:#eee;display:block;top:auto;right:0;bottom:0;left:0;height:1px;transform:scaleY(.5)}.ant-form-item-line{display:flex;flex:1;align-items:center;align-self:stretch;max-width:100%;position:relative}.ant-form-item-content{flex:1}.ant-form-item-content-horizontal{display:flex;align-items:center}.ant-form-item-error-info{font-size:13px;color:#ff3141;line-height:18.5px;text-align:left;margin-top:4px}.ant-form-item-help-info{font-size:13px;color:#666;line-height:18.5px;text-align:left;margin-top:4px}.ant-form-item-label{display:flex;align-items:center;font-size:17px;line-height:24px;overflow:visible;position:relative}.ant-form-item-label-text{display:flex;align-items:center;position:relative}.ant-form-item-label-help-content{font-size:15px;text-align:center;white-space:nowrap}.ant-form-item-label-horizontal{width:85px;margin-right:12px;color:#666;font-size:17px;line-height:24px}.ant-form-item-label-vertical{font-size:17px;line-height:21px;color:#666;margin-bottom:4px}.ant-form-item-field{flex:1}.ant-form-item-field-horizontal{text-align:right}.ant-form-item-extra{display:flex;align-items:center;font-size:16px;color:#999}.ant-form-item-asterisk .ant-form-item-label-required .ant-form-item-label-text::before{content:'*';position:absolute;left:-9px;font-size:15px;color:#ff3b30}.ant-form-item-text-required .ant-form-item-label-required .ant-form-item-label-text::after{padding-left:2px;content:'(必填)';display:block;left:-9px;font-size:15px;color:#ccc}.ant-form-item-text-optional .ant-form-item-label .ant-form-item-label-text::after{padding-left:2px;content:'(选填)';display:block;left:-9px;font-size:15px;color:#ccc}.ant-form-item-text-optional .ant-form-item-label-required .ant-form-item-label-text::after{content:none}

View File

@ -0,0 +1,48 @@
<view class="ant-form-item {{className ? className : ''}} ant-form-item-{{requiredMark}}">
<slot
name="header"
errors="{{errors}}"
status="{{status}}"
></slot>
<view class="ant-form-item-line ant-form-item-line-{{position}} {{errorInfo ? 'noLine' : ''}}">
<view class="ant-form-item-content ant-form-item-content-{{position}}">
<view
a:if="{{label}}"
style="{{labelWidth ? 'width: ' + labelWidth : ''}}"
class="ant-form-item-label {{disabled ? 'ant-form-item-label-disabled' : ''}} ant-form-item-label-{{position}} {{required ? 'ant-form-item-label-required' : ''}}"
>
<view class="ant-form-item-label-text">{{label}}</view>
<popover a:if="{{tooltip}}">
<view
slot="content"
class="ant-form-item-label-help-content"
>
{{tooltip}}
</view>
<ant-icon type="QuestionCircleOutline"></ant-icon>
</popover>
<slot
name="tooltip"
a:else
></slot>
</view>
<view class="ant-form-item-field ant-form-item-field-{{position}}">
<slot></slot>
<view
a:if="{{help || (validateStatus === 'error' || !validateStatus) && status === 'error'}}"
class="{{validateStatus === 'error' || !validateStatus && status === 'error' ? 'ant-form-item-error-info' : 'ant-form-item-help-info'}} ant-form-item-error-info-{{position}}"
>
<view>{{help || errors[0]}}</view>
</view>
</view>
</view>
<view class="ant-form-item-extra">
<slot name="extra"></slot>
</view>
</view>
<slot
name="footer"
errors="{{errors}}"
status="{{status}}"
></slot>
</view>

View File

@ -0,0 +1 @@
export {};

View File

@ -0,0 +1,3 @@
import { Component } from '../../_util/simply';
import { FormItemDefaultProps } from './props';
Component(FormItemDefaultProps, null, null, null, {});

View File

@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"popover": "../../Popover/index",
"ant-icon": "../../Icon/index"
}
}

View File

@ -0,0 +1,20 @@
import { IBaseProps } from '../../_util/base';
import { ValidateStatus } from '../form';
export interface FormItemProps extends IBaseProps {
name: string;
label: string;
labelWidth: number;
position: 'horizontal' | 'vertical';
validateStatus: ValidateStatus;
help: string;
requiredMark: 'asterisk' | 'text-required' | 'text-optional';
status: 'default' | 'success' | 'error' | 'validating';
errors: string[];
tooltip?: string;
required?: boolean;
disabled?: boolean;
extra?: string;
message?: string;
dependencies?: string[];
}
export declare const FormItemDefaultProps: FormItemProps;

View File

@ -0,0 +1,17 @@
export var FormItemDefaultProps = {
name: null,
label: null,
labelWidth: null,
position: 'horizontal',
validateStatus: null,
help: null,
requiredMark: 'asterisk',
status: null,
errors: null,
tooltip: '',
required: false,
disabled: false,
extra: '',
message: null,
dependencies: null,
};

View File

@ -0,0 +1 @@
.ant-form-picker-arrow{margin-left:4px;color:#ccc;font-size:18px}

View File

@ -0,0 +1,89 @@
<import-sjs
from="../../_util/arrow.sjs"
name="arrowUtil"
></import-sjs>
<form-item
className="{{className}}"
position="{{position}}"
label="{{label}}"
labelWidth="{{labelWidth}}"
status="{{formData.status}}"
errors="{{formData.errors}}"
tooltip="{{tooltip}}"
required="{{formData.required}}"
requiredMark="{{requiredMark}}"
validateStatus="{{validateStatus}}"
help="{{help}}"
>
<view>
<ant-picker
cancelText="{{cancelText}}"
okText="{{okText}}"
placeholder="{{placeholder}}"
maskClosable="{{maskClosable}}"
maskStyle="{{maskStyle}}"
popClassName="{{popClassName}}"
style="{{style}}"
popStyle="{{popStyle}}"
animationType="{{animationType}}"
disabled="{{disabled}}"
title="{{title}}"
maskClassName="{{maskClassName}}"
indicatorStyle="{{indicatorStyle}}"
indicatorClassName="{{indicatorClassName}}"
options="{{options}}"
value="{{formData.value}}"
onOk="onOk"
onChange="onChange"
onCancel="onDismissPicker"
onVisibleChange="onVisibleChange"
onFormat="{{handleFormat ? handleFormat : 'handleFormat'}}"
>
<slot
name="title"
slot="title"
></slot>
<slot
name="content"
slot="content"
></slot>
<ant-icon
a:if="{{arrowUtil.getArrow(arrow)}}"
className="ant-form-picker-arrow"
type="{{arrowUtil.getArrow(arrow)}}"
slot="suffix"
></ant-icon>
</ant-picker>
</view>
<view
a:if="{{!tooltip}}"
slot="tooltip"
>
<slot name="tooltip"></slot>
</view>
<view slot="extra">
<slot name="extra">
{{extra}}
</slot>
</view>
<view
slot="header"
slot-scope="item"
>
<slot
name="header"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
<view
slot="footer"
slot-scope="item"
>
<slot
name="footer"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
</form-item>

View File

@ -0,0 +1 @@
export {};

View File

@ -0,0 +1,26 @@
import { Component, triggerEvent, triggerEventValues, triggerEventOnly, getValueFromProps, } from '../../_util/simply';
import { resolveEventValue, resolveEventValues } from '../../_util/platform';
import { FormPickerDefaultProps } from './props';
import { createForm } from '../form';
Component(FormPickerDefaultProps, {
onOk: function (value, column, e) {
var v = resolveEventValues(value, column);
this.emit('onChange', v[0]);
triggerEventValues(this, 'ok', v, e);
},
onChange: function (value, column, e) {
triggerEventValues(this, 'change', resolveEventValues(value, column), e);
},
onVisibleChange: function (visible, e) {
triggerEvent(this, 'visibleChange', resolveEventValue(visible), e);
},
onDismissPicker: function (e) {
triggerEventOnly(this, 'cancel', e);
},
handleFormat: function (value, column) {
var onFormat = getValueFromProps(this, 'onFormat');
if (onFormat) {
return onFormat(value, column);
}
},
}, {}, [createForm()], {});

View File

@ -0,0 +1,8 @@
{
"component": true,
"usingComponents": {
"form-item": "../FormItem/index",
"ant-picker": "../../Picker/index",
"ant-icon": "../../Icon/index"
}
}

View File

@ -0,0 +1,9 @@
import { IPickerProps } from '../../Picker/props';
import { FormItemProps } from '../FormItem/props';
export interface FormPickerProps extends IPickerProps, FormItemProps {
/**
* @description 箭头方向,不传表示没有箭头
*/
arrow: boolean | 'right' | 'up' | 'down';
}
export declare const FormPickerDefaultProps: Partial<FormPickerProps>;

View File

@ -0,0 +1,4 @@
import { __assign } from "tslib";
import { PickerDefaultProps } from '../../Picker/props';
import { FormItemDefaultProps } from '../FormItem/props';
export var FormPickerDefaultProps = __assign(__assign(__assign({}, FormItemDefaultProps), PickerDefaultProps), { arrow: false });

View File

@ -0,0 +1,61 @@
<form-item
className="{{className}}"
position="{{position}}"
label="{{label}}"
labelWidth="{{labelWidth}}"
status="{{formData.status}}"
errors="{{formData.errors}}"
tooltip="{{tooltip}}"
required="{{formData.required}}"
requiredMark="{{requiredMark}}"
validateStatus="{{validateStatus}}"
help="{{help}}"
>
<view>
<ant-radio-group
options="{{options}}"
value="{{formData.value}}"
onChange="onChange"
color="{{color}}"
disabled="{{disabled}}"
position="{{radioPosition}}"
>
<slot
name="radioLabel"
value="{{props.value}}"
index="{{props.index}}"
slot="label"
slot-scope="props"
></slot>
</ant-radio-group>
</view>
<view
a:if="{{!tooltip}}"
slot="tooltip"
>
<slot name="tooltip"></slot>
</view>
<view slot="extra">
<slot name="extra">{{extra}}</slot>
</view>
<view
slot="header"
slot-scope="item"
>
<slot
name="header"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
<view
slot="footer"
slot-scope="item"
>
<slot
name="footer"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
</form-item>

View File

@ -0,0 +1 @@
export {};

View File

@ -0,0 +1,10 @@
import { Component, triggerEvent } from '../../_util/simply';
import { resolveEventValue } from '../../_util/platform';
import { FormRadioGroupDefaultProps } from './props';
import { createForm } from '../form';
Component(FormRadioGroupDefaultProps, {
onChange: function (value, e) {
this.emit('onChange', resolveEventValue(value));
triggerEvent(this, 'change', resolveEventValue(value), e);
},
}, null, [createForm()]);

View File

@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"form-item": "../FormItem/index",
"ant-radio-group": "../../Radio/RadioGroup/index"
}
}

View File

@ -0,0 +1,6 @@
import { FormItemProps } from '../FormItem/props';
import { IRadioGroupProps } from '../../Radio/RadioGroup/props';
export interface FormRadioGroupProps extends Omit<IRadioGroupProps, 'value' | 'defaultValue' | 'position' | 'name'>, FormItemProps {
radioPosition: IRadioGroupProps['position'];
}
export declare const FormRadioGroupDefaultProps: Partial<FormRadioGroupProps>;

View File

@ -0,0 +1,6 @@
import { __assign, __rest } from "tslib";
import { FormItemDefaultProps } from '../FormItem/props';
import { RadioGroupDefaultProps, } from '../../Radio/RadioGroup/props';
// eslint-disable-next-line @typescript-eslint/no-unused-vars
var value = RadioGroupDefaultProps.value, defaultValue = RadioGroupDefaultProps.defaultValue, position = RadioGroupDefaultProps.position, name = RadioGroupDefaultProps.name, rest = __rest(RadioGroupDefaultProps, ["value", "defaultValue", "position", "name"]);
export var FormRadioGroupDefaultProps = __assign(__assign(__assign({}, FormItemDefaultProps), rest), { radioPosition: 'horizontal' });

View File

@ -0,0 +1 @@
.ant-form-range-picker-arrow{margin-left:4px;color:#ccc;font-size:18px}

View File

@ -0,0 +1,96 @@
<import-sjs
from="../../_util/arrow.sjs"
name="arrowUtil"
></import-sjs>
<form-item
className="{{className}}"
position="{{position}}"
label="{{label}}"
labelWidth="{{labelWidth}}"
status="{{formData.status}}"
errors="{{formData.errors}}"
tooltip="{{tooltip}}"
required="{{formData.required}}"
requiredMark="{{requiredMark}}"
validateStatus="{{validateStatus}}"
help="{{help}}"
>
<view>
<ant-range-picker
endPlaceholder="{{endPlaceholder}}"
startPlaceholder="{{startPlaceholder}}"
splitCharacter="{{splitCharacter}}"
min="{{min}}"
max="{{max}}"
format="{{format}}"
precision="{{precision}}"
animationType="{{animationType}}"
cancelText="{{cancelText}}"
okText="{{okText}}"
placeholder="{{placeholder}}"
maskClosable="{{maskClosable}}"
maskStyle="{{maskStyle}}"
popClassName="{{popClassName}}"
style="{{style}}"
popStyle="{{popStyle}}"
disabled="{{disabled}}"
title="{{title}}"
maskClassName="{{maskClassName}}"
indicatorStyle="{{indicatorStyle}}"
indicatorClassName="{{indicatorClassName}}"
value="{{formData.value}}"
onOk="onOk"
onPickerChange="onPickerChange"
onCancel="onDismissPicker"
onVisibleChange="onVisibleChange"
onFormatLabel="{{handleFormatLabel ? handleFormatLabel : 'handleFormatLabel'}}"
onFormat="{{handleFormat ? handleFormat : 'handleFormat'}}"
>
<slot
name="content"
slot="content"
></slot>
<slot
name="title"
slot="title"
></slot>
<ant-icon
a:if="{{arrowUtil.getArrow(arrow)}}"
className="ant-form-range-picker-arrow"
type="{{arrowUtil.getArrow(arrow)}}"
slot="suffix"
></ant-icon>
</ant-range-picker>
</view>
<view
a:if="{{!tooltip}}"
slot="tooltip"
>
<slot name="tooltip"></slot>
</view>
<view slot="extra">
<slot name="extra">
{{extra}}
</slot>
</view>
<view
slot="header"
slot-scope="item"
>
<slot
name="header"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
<view
slot="footer"
slot-scope="item"
>
<slot
name="footer"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
</form-item>

View File

@ -0,0 +1 @@
export {};

View File

@ -0,0 +1,32 @@
import { Component, triggerEvent, triggerEventValues, triggerEventOnly, getValueFromProps, } from '../../_util/simply';
import { resolveEventValue, resolveEventValues } from '../../_util/platform';
import { FormRangePickerDefaultProps } from './props';
import { createForm } from '../form';
Component(FormRangePickerDefaultProps, {
onOk: function (date, dateStr, e) {
var v = resolveEventValues(date, dateStr);
this.emit('onChange', v[0]);
triggerEventValues(this, 'ok', v, e);
},
onPickerChange: function (type, date, dateStr, e) {
triggerEventValues(this, 'pickerChange', resolveEventValues(type, date, dateStr), e);
},
onVisibleChange: function (visible, e) {
triggerEvent(this, 'visibleChange', resolveEventValue(visible), e);
},
onDismissPicker: function (e) {
triggerEventOnly(this, 'dismissPicker', e);
},
handleFormat: function (date, dateStr) {
var onFormat = getValueFromProps(this, 'onFormat');
if (onFormat) {
return onFormat(date, dateStr);
}
},
handleFormatLabel: function (type, value) {
var onFormatLabel = getValueFromProps(this, 'onFormatLabel');
if (onFormatLabel) {
return onFormatLabel(type, value);
}
},
}, {}, [createForm()], {});

View File

@ -0,0 +1,8 @@
{
"component": true,
"usingComponents": {
"form-item": "../FormItem/index",
"ant-range-picker": "../../DatePicker/RangePicker/index",
"ant-icon": "../../Icon/index"
}
}

View File

@ -0,0 +1,9 @@
import { FormItemProps } from '../FormItem/props';
import { IDateRangePickerProps } from '../../DatePicker/RangePicker/props';
export interface FormRangePickerProps extends IDateRangePickerProps, FormItemProps {
/**
* @description 箭头方向,不传表示没有箭头
*/
arrow: boolean | 'right' | 'up' | 'down';
}
export declare const FormRangePickerDefaultProps: Partial<FormRangePickerProps>;

View File

@ -0,0 +1,4 @@
import { __assign } from "tslib";
import { FormItemDefaultProps } from '../FormItem/props';
import { DateRangePickerDefaultProps } from '../../DatePicker/RangePicker/props';
export var FormRangePickerDefaultProps = __assign(__assign(__assign({}, FormItemDefaultProps), DateRangePickerDefaultProps), { arrow: false });

View File

@ -0,0 +1,65 @@
<form-item
className="{{className}}"
style="{{style}}"
position="{{position}}"
label="{{label}}"
labelWidth="{{labelWidth}}"
status="{{formData.status}}"
errors="{{formData.errors}}"
tooltip="{{tooltip}}"
required="{{formData.required}}"
requiredMark="{{requiredMark}}"
validateStatus="{{validateStatus}}"
help="{{help}}"
>
<rate
value="{{formData.value}}"
count="{{count}}"
gutter="{{gutter}}"
readonly="{{readonly}}"
allowHalf="{{allowHalf}}"
allowClear="{{allowClear}}"
className="{{rateClassName}}"
style="{{rateStyle}}"
characterActiveClassName="{{characterActiveClassName}}"
characterClassName="{{characterClassName}}"
onChange="onChange"
>
<view slot="character">
<slot name="character">
<icon type="StarFill"></icon>
</slot>
</view>
</rate>
<view
a:if="{{!tooltip}}"
slot="tooltip"
>
<slot name="tooltip"></slot>
</view>
<view slot="extra">
<slot name="extra">
{{extra}}
</slot>
</view>
<view
slot="header"
slot-scope="item"
>
<slot
name="header"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
<view
slot="footer"
slot-scope="item"
>
<slot
name="footer"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
</form-item>

View File

@ -0,0 +1 @@
export {};

View File

@ -0,0 +1,10 @@
import { Component, triggerEvent } from '../../_util/simply';
import { resolveEventValue } from '../../_util/platform';
import { FormRateDefaultProps } from './props';
import { createForm } from '../form';
Component(FormRateDefaultProps, {
onChange: function (value, e) {
this.emit('onChange', resolveEventValue(value));
triggerEvent(this, 'change', resolveEventValue(value), e);
},
}, null, [createForm()]);

View File

@ -0,0 +1,8 @@
{
"component": true,
"usingComponents": {
"form-item": "../FormItem/index",
"icon": "../../Icon/index",
"rate": "../../Rate/index"
}
}

View File

@ -0,0 +1,7 @@
import { FormItemProps } from '../FormItem/props';
import { IRateProps } from '../../Rate/props';
export interface FormRateProps extends Omit<IRateProps, 'defaultValue'>, FormItemProps {
rateClassName?: string;
rateStyle?: string;
}
export declare const FormRateDefaultProps: Partial<FormRateProps>;

View File

@ -0,0 +1,6 @@
import { __assign, __rest } from "tslib";
import { FormItemDefaultProps } from '../FormItem/props';
import { RateDefaultProps } from '../../Rate/props';
// eslint-disable-next-line @typescript-eslint/no-unused-vars
var defaultValue = RateDefaultProps.defaultValue, rest = __rest(RateDefaultProps, ["defaultValue"]);
export var FormRateDefaultProps = __assign(__assign(__assign({}, FormItemDefaultProps), rest), { rateClassName: '', rateStyle: '' });

View File

@ -0,0 +1,60 @@
<form-item
className="{{className}}"
position="{{position}}"
label="{{label}}"
labelWidth="{{labelWidth}}"
status="{{formData.status}}"
errors="{{formData.errors}}"
tooltip="{{tooltip}}"
required="{{formData.required}}"
requiredMark="{{requiredMark}}"
validateStatus="{{validateStatus}}"
help="{{help}}"
>
<view>
<selector
value="{{formData.value}}"
options="{{options}}"
multiple="{{multiple}}"
disabled="{{disabled}}"
minSelectedCount="{{minSelectedCount}}"
maxSelectedCount="{{maxSelectedCount}}"
activeItemClassName="{{activeItemClassName}}"
activeItemStyle="{{activeItemStyle}}"
onSelectMax="onSelectMax"
onSelectMin="onSelectMin"
onChange="onChange"
></selector>
</view>
<view
a:if="{{!tooltip}}"
slot="tooltip"
>
<slot name="tooltip"></slot>
</view>
<view slot="extra">
<slot name="extra">
{{extra}}
</slot>
</view>
<view
slot="header"
slot-scope="item"
>
<slot
name="header"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
<view
slot="footer"
slot-scope="item"
>
<slot
name="footer"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
</form-item>

View File

@ -0,0 +1 @@
export {};

View File

@ -0,0 +1,17 @@
import { Component, triggerEventValues } from '../../_util/simply';
import { resolveEventValues } from '../../_util/platform';
import { FormSelectorDefaultProps } from './props';
import { createForm } from '../form';
Component(FormSelectorDefaultProps, {
onChange: function (value, item, e) {
var v = resolveEventValues(value, item);
this.emit('onChange', v[0]);
triggerEventValues(this, 'change', v, e);
},
onSelectMax: function (value, item, e) {
triggerEventValues(this, 'selectMax', resolveEventValues(value, item), e);
},
onSelectMin: function (value, item, e) {
triggerEventValues(this, 'selectMin', resolveEventValues(value, item), e);
},
}, null, [createForm()]);

View File

@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"form-item": "../FormItem/index",
"selector": "../../Selector/index"
}
}

View File

@ -0,0 +1,5 @@
import { FormItemProps } from '../FormItem/props';
import { ISelectorProps } from '../../Selector/props';
export interface FormSelectorProps extends ISelectorProps, FormItemProps {
}
export declare const FormSelectorDefaultProps: Partial<FormSelectorProps>;

View File

@ -0,0 +1,4 @@
import { __assign } from "tslib";
import { FormItemDefaultProps } from '../FormItem/props';
import { SelectorDefaultProps } from '../../Selector/props';
export var FormSelectorDefaultProps = __assign(__assign({}, FormItemDefaultProps), SelectorDefaultProps);

View File

@ -0,0 +1,67 @@
<form-item
className="{{className}}"
style="{{style}}"
position="{{position}}"
label="{{label}}"
labelWidth="{{labelWidth}}"
status="{{formData.status}}"
errors="{{formData.errors}}"
tooltip="{{tooltip}}"
required="{{formData.required}}"
requiredMark="{{requiredMark}}"
validateStatus="{{validateStatus}}"
help="{{help}}"
>
<view>
<slider
value="{{formData.value}}"
className="{{sliderClassName}}"
style="{{sliderStyle}}"
activeLineClassName="{{activeLineClassName}}"
activeLineStyle="{{activeLineStyle}}"
activeDotClassName="{{activeDotClassName}}"
activeDotStyle="{{activeDotStyle}}"
min="{{min}}"
max="{{max}}"
range="{{range}}"
showNumber="{{showNumber}}"
step="{{step}}"
showTicks="{{showTicks}}"
showTooltip="{{showTooltip}}"
disabled="{{disabled}}"
onChange="onChange"
onAfterChange="onAfterChange"
></slider>
</view>
<view
a:if="{{!tooltip}}"
slot="tooltip"
>
<slot name="tooltip"></slot>
</view>
<view slot="extra">
<slot name="extra">
{{extra}}
</slot>
</view>
<view
slot="header"
slot-scope="item"
>
<slot
name="header"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
<view
slot="footer"
slot-scope="item"
>
<slot
name="footer"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
</form-item>

View File

@ -0,0 +1 @@
export {};

View File

@ -0,0 +1,13 @@
import { Component, triggerEvent } from '../../_util/simply';
import { resolveEventValue } from '../../_util/platform';
import { FormSliderDefaultProps } from './props';
import { createForm } from '../form';
Component(FormSliderDefaultProps, {
onChange: function (value, e) {
this.emit('onChange', resolveEventValue(value));
triggerEvent(this, 'change', resolveEventValue(value), e);
},
onAfterChange: function (value, e) {
triggerEvent(this, 'afterChange', resolveEventValue(value), e);
},
}, null, [createForm()]);

View File

@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"form-item": "../FormItem/index",
"slider": "../../Slider/index"
}
}

View File

@ -0,0 +1,7 @@
import { FormItemProps } from '../FormItem/props';
import { ISliderProps } from '../../Slider/props';
export interface FormSliderProps extends Omit<ISliderProps, 'value' | 'defaultValue'>, FormItemProps {
sliderClassName: string;
sliderStyle: string;
}
export declare const FormSliderDefaultProps: Partial<FormSliderProps>;

View File

@ -0,0 +1,6 @@
import { __assign, __rest } from "tslib";
import { FormItemDefaultProps } from '../FormItem/props';
import { sliderDefaultProps } from '../../Slider/props';
// eslint-disable-next-line @typescript-eslint/no-unused-vars
var value = sliderDefaultProps.value, defaultValue = sliderDefaultProps.defaultValue, rest = __rest(sliderDefaultProps, ["value", "defaultValue"]);
export var FormSliderDefaultProps = __assign(__assign(__assign({}, FormItemDefaultProps), rest), { sliderClassName: '', sliderStyle: '' });

View File

@ -0,0 +1,65 @@
<form-item
className="{{className}}"
style="{{style}}"
position="{{position}}"
label="{{label}}"
labelWidth="{{labelWidth}}"
status="{{formData.status}}"
errors="{{formData.errors}}"
tooltip="{{tooltip}}"
required="{{formData.required}}"
requiredMark="{{requiredMark}}"
validateStatus="{{validateStatus}}"
help="{{help}}"
>
<view>
<stepper
value="{{formData.value}}"
onChange="onChange"
className="{{stepperClassName}}"
style="{{stepperStyle}}"
min="{{min}}"
max="{{max}}"
type="{{type}}"
disabled="{{disabled}}"
focus="{{focus}}"
inputClassName="{{inputClassName}}"
inputStyle="{{inputStyle}}"
precision="{{precision}}"
onBlur="onBlur"
onConfirm="onConfirm"
onFocus="onFocus"
></stepper>
</view>
<view
a:if="{{!tooltip}}"
slot="tooltip"
>
<slot name="tooltip"></slot>
</view>
<view slot="extra">
<slot name="extra">
{{extra}}
</slot>
</view>
<view
slot="header"
slot-scope="item"
>
<slot
name="header"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
<view
slot="footer"
slot-scope="item"
>
<slot
name="footer"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
</form-item>

View File

@ -0,0 +1 @@
export {};

View File

@ -0,0 +1,19 @@
import { Component, triggerEvent, triggerEventOnly } from '../../_util/simply';
import { resolveEventValue } from '../../_util/platform';
import { FormStepperDefaultProps } from './props';
import { createForm } from '../form';
Component(FormStepperDefaultProps, {
onChange: function (value, e) {
this.emit('onChange', resolveEventValue(value));
triggerEvent(this, 'change', resolveEventValue(value), e);
},
onBlur: function (e) {
triggerEventOnly(this, 'blur', e);
},
onFocus: function (e) {
triggerEventOnly(this, 'focus', e);
},
onConfirm: function (value, e) {
triggerEvent(this, 'confirm', resolveEventValue(value), e);
},
}, null, [createForm()]);

View File

@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"form-item": "../FormItem/index",
"stepper": "../../Stepper/index"
}
}

View File

@ -0,0 +1,7 @@
import { FormItemProps } from '../FormItem/props';
import { IStepperProps } from '../../Stepper/props';
export interface FormStepperProps extends Omit<IStepperProps, 'value' | 'defaultValue'>, FormItemProps {
stepperClassName: string;
stepperStyle: string;
}
export declare const FormStepperDefaultProps: Partial<FormStepperProps>;

View File

@ -0,0 +1,6 @@
import { __assign, __rest } from "tslib";
import { FormItemDefaultProps } from '../FormItem/props';
import { StepperDefaultProps } from '../../Stepper/props';
// eslint-disable-next-line @typescript-eslint/no-unused-vars
var value = StepperDefaultProps.value, defaultValue = StepperDefaultProps.defaultValue, rest = __rest(StepperDefaultProps, ["value", "defaultValue"]);
export var FormStepperDefaultProps = __assign(__assign(__assign({}, FormItemDefaultProps), rest), { stepperClassName: '', stepperStyle: '' });

View File

@ -0,0 +1,42 @@
<form-item
className="{{className}}"
position="{{position}}"
label="{{label}}"
labelWidth="{{labelWidth}}"
status="{{formData.status}}"
errors="{{formData.errors}}"
tooltip="{{tooltip}}"
required="{{formData.required}}"
requiredMark="{{requiredMark}}"
validateStatus="{{validateStatus}}"
help="{{help}}"
>
<view>
<switch
className="{{switchClassName}}"
checked="{{formData.value}}"
checkedText="{{checkedText}}"
color="{{color}}"
disabled="{{disabled}}"
uncheckedText="{{uncheckedText}}"
size="{{size}}"
style="{{switchStyle}}"
onChange="onChange"
></switch>
</view>
<view
a:if="{{!tooltip}}"
slot="tooltip"
>
<slot name="tooltip"></slot>
</view>
<view slot="extra">
<slot name="extra">{{extra}}</slot>
</view>
<view slot="header">
<slot name="header"></slot>
</view>
<view slot="footer">
<slot name="footer"></slot>
</view>
</form-item>

View File

@ -0,0 +1 @@
export {};

View File

@ -0,0 +1,10 @@
import { Component, triggerEvent } from '../../_util/simply';
import { resolveEventValue } from '../../_util/platform';
import { FormSwitchDefaultProps } from './props';
import { createForm } from '../form';
Component(FormSwitchDefaultProps, {
onChange: function (value, e) {
this.emit('onChange', resolveEventValue(value));
triggerEvent(this, 'change', resolveEventValue(value), e);
},
}, null, [createForm()]);

View File

@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"form-item": "../FormItem/index",
"switch": "../../Switch/index"
}
}

View File

@ -0,0 +1,7 @@
import { FormItemProps } from '../FormItem/props';
import { ISwitchProps } from '../../Switch/props';
export interface FormSwitchProps extends Omit<ISwitchProps, 'checked' | 'defaultChecked'>, FormItemProps {
switchClassName: string;
switchStyle: string;
}
export declare const FormSwitchDefaultProps: Partial<FormSwitchProps>;

View File

@ -0,0 +1,6 @@
import { __assign, __rest } from "tslib";
import { FormItemDefaultProps } from '../FormItem/props';
import { SwitchDefaultProps } from '../../Switch/props';
// eslint-disable-next-line @typescript-eslint/no-unused-vars
var checked = SwitchDefaultProps.checked, defaultChecked = SwitchDefaultProps.defaultChecked, rest = __rest(SwitchDefaultProps, ["checked", "defaultChecked"]);
export var FormSwitchDefaultProps = __assign(__assign(__assign({}, FormItemDefaultProps), rest), { switchClassName: '', switchStyle: '' });

View File

@ -0,0 +1,61 @@
<form-item
className="{{className}}"
position="{{position}}"
label="{{label}}"
labelWidth="{{labelWidth}}"
status="{{formData.status}}"
errors="{{formData.errors}}"
tooltip="{{tooltip}}"
required="{{formData.required}}"
requiredMark="{{requiredMark}}"
validateStatus="{{validateStatus}}"
help="{{help}}"
>
<ant-textarea
ref="handleRef"
allowClear="{{allowClear}}"
enableNative="{{enableNative}}"
disabled="{{disabled}}"
placeholder="{{placeholder}}"
placeholderClassName="{{placeholderClassName}}"
placeholderStyle="{{placeholderStyle}}"
maxLength="{{maxLength}}"
autoHeight="{{autoHeight}}"
showCount="{{showCount}}"
onChange="onChange"
onBlur="onBlur"
onFocus="onFocus"
onConfirm="onConfirm"
></ant-textarea>
<view
a:if="{{!tooltip}}"
slot="tooltip"
>
<slot name="tooltip"></slot>
</view>
<view slot="extra">
<slot name="extra">
{{extra}}
</slot>
</view>
<view
slot="header"
slot-scope="item"
>
<slot
name="header"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
<view
slot="footer"
slot-scope="item"
>
<slot
name="footer"
errors="{{item.errors}}"
status="{{item.status}}"
></slot>
</view>
</form-item>

View File

@ -0,0 +1 @@
export {};

View File

@ -0,0 +1,36 @@
import { __assign } from "tslib";
import { Component, triggerEvent } from '../../_util/simply';
import { resolveEventValue } from '../../_util/platform';
import { FormTextareaDefaultProps } from './props';
import { createForm } from '../form';
Component(FormTextareaDefaultProps, {
handleRef: function (input) {
this.input = input;
},
onChange: function (value, e) {
this.emit('onChange', resolveEventValue(value));
triggerEvent(this, 'change', resolveEventValue(value), e);
},
onBlur: function (value, e) {
triggerEvent(this, 'blur', resolveEventValue(value), e);
},
onFocus: function (value, e) {
triggerEvent(this, 'focus', resolveEventValue(value), e);
},
onConfirm: function (value, e) {
triggerEvent(this, 'confirm', resolveEventValue(value), e);
},
onClear: function (value, e) {
this.emit('onChange', '');
triggerEvent(this, 'change', resolveEventValue(value), e);
},
}, null, [
createForm({
methods: {
setFormData: function (values) {
this.setData(__assign(__assign({}, this.data), { formData: __assign(__assign({}, this.data.formData), values) }));
this.input && this.input.update(this.data.formData.value);
},
},
}),
]);

View File

@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"form-item": "../FormItem/index",
"ant-textarea": "../../Input/Textarea/index"
}
}

Some files were not shown because too many files have changed in this diff Show More