vap1 0.0.2 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/_adapt/ColorPicker.d.ts +9 -0
- package/components/_adapt/{todo/ColorPicker.js → ColorPicker.js} +8 -3
- package/components/_adapt/Layout.js +3 -1
- package/components/_adapt/Space.d.ts +15 -0
- package/components/_adapt/Space.js +9 -0
- package/components/_adapt/Tag.d.ts +10 -3
- package/components/_adapt/Tag.js +18 -5
- package/deps/_editor/tools/_TxtButton.js +4 -4
- package/index.d.ts +4 -0
- package/index.js +6 -2
- package/package.json +1 -1
- package/components/_adapt/todo/ColorPicker.d.ts +0 -3
- package/components/_adapt/todo/Space.d.ts +0 -2
- package/components/_adapt/todo/Space.js +0 -6
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.ColorPicker = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const _Support_1 = require("../../utils/_Support");
|
|
9
|
+
const Color = (0, _Support_1.globalDefault)('_SketchPicker', null);
|
|
4
10
|
// export type ColorPickerProps = Omit<RcColorPickerProps, 'onChange' | 'value' | 'defaultValue' | 'panelRender' | 'disabledAlpha' | 'onChangeComplete'> & {
|
|
5
11
|
// value?: ColorValueType;
|
|
6
12
|
// defaultValue?: ColorValueType;
|
|
@@ -35,8 +41,7 @@ exports.ColorPicker = void 0;
|
|
|
35
41
|
// onClear?: () => void;
|
|
36
42
|
// onChangeComplete?: (value: Color) => void;
|
|
37
43
|
// } & Pick<PopoverProps, 'getPopupContainer' | 'autoAdjustOverflow' | 'destroyTooltipOnHide'>;
|
|
38
|
-
const
|
|
39
|
-
|
|
40
|
-
return utils_1.Const.NONE;
|
|
44
|
+
const ColorPicker = (props) => {
|
|
45
|
+
return react_1.default.createElement(Color, null);
|
|
41
46
|
};
|
|
42
47
|
exports.ColorPicker = ColorPicker;
|
|
@@ -67,7 +67,9 @@ class BasicLayout extends react_1.default.Component {
|
|
|
67
67
|
clazz.push(className);
|
|
68
68
|
return (react_1.default.createElement(layout_1.LayoutContext.Provider, { value: { siderHook: this.getSiderHook() } },
|
|
69
69
|
react_1.default.createElement("section", Object.assign({ className: clazz.join(' ') }, others, { ref: (el) => {
|
|
70
|
-
|
|
70
|
+
if (el && this.props.elRef) {
|
|
71
|
+
this.props.elRef.current = el;
|
|
72
|
+
}
|
|
71
73
|
} }), children)));
|
|
72
74
|
}
|
|
73
75
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type SizeType = 'small' | 'middle' | 'large' | undefined;
|
|
3
|
+
export type SpaceSize = SizeType | number;
|
|
4
|
+
export interface SpaceProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
prefixCls?: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
rootClassName?: string;
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
size?: SpaceSize | [SpaceSize, SpaceSize];
|
|
10
|
+
direction?: 'horizontal' | 'vertical';
|
|
11
|
+
align?: 'start' | 'end' | 'center' | 'baseline';
|
|
12
|
+
split?: React.ReactNode;
|
|
13
|
+
wrap?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export declare const Space: (props: SpaceProps) => React.JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Space = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const Space = (props) => react_1.default.createElement("div", null, props.children);
|
|
9
|
+
exports.Space = Space;
|
|
@@ -1,7 +1,14 @@
|
|
|
1
|
-
import type { ComponentClass, PropsWithChildren } from 'react';
|
|
2
1
|
import type { TagProps } from 'antd/es/tag';
|
|
3
|
-
|
|
2
|
+
import type { FC, PropsWithChildren } from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* 说明： 排除 Tag 组件已被 antd 标记为 deprecated 的属性:
|
|
5
|
+
* 1. `visible` will be removed in next major version.
|
|
6
|
+
*/
|
|
7
|
+
export type OTagProps = PropsWithChildren<Omit<TagProps, 'visible'>> & {
|
|
8
|
+
icon?: string;
|
|
9
|
+
bordered?: boolean;
|
|
10
|
+
};
|
|
4
11
|
/**
|
|
5
12
|
* 不再使用 visible 属性
|
|
6
13
|
*/
|
|
7
|
-
export declare const Tag:
|
|
14
|
+
export declare const Tag: FC<OTagProps>;
|
package/components/_adapt/Tag.js
CHANGED
|
@@ -1,12 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.Tag = void 0;
|
|
4
|
-
|
|
5
|
-
* 说明： 排除 Tag 组件已被 antd 标记为 deprecated 的属性:
|
|
6
|
-
* 1. `visible` will be removed in next major version.
|
|
7
|
-
*/
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const antd_1 = require("antd");
|
|
9
|
+
const lodash_1 = __importDefault(require("lodash"));
|
|
10
|
+
const Icon_1 = require("./Icon");
|
|
9
11
|
/**
|
|
10
12
|
* 不再使用 visible 属性
|
|
11
13
|
*/
|
|
12
|
-
|
|
14
|
+
const Tag = props => {
|
|
15
|
+
const style = lodash_1.default.assign({}, props.style);
|
|
16
|
+
if (props.bordered === false) {
|
|
17
|
+
style.border = 'none';
|
|
18
|
+
}
|
|
19
|
+
const children = props.icon ? react_1.default.createElement(react_1.default.Fragment, null,
|
|
20
|
+
react_1.default.createElement(Icon_1.Icon, { type: props.icon, className: 'c-tag-icon' }),
|
|
21
|
+
" ",
|
|
22
|
+
props.children) : props.children;
|
|
23
|
+
return react_1.default.createElement(antd_1.Tag, Object.assign({}, props, { style: style }), children);
|
|
24
|
+
};
|
|
25
|
+
exports.Tag = Tag;
|
|
@@ -15,7 +15,7 @@ const Select_1 = require("../../../components/_adapt/Select");
|
|
|
15
15
|
const UForm_1 = require("../../../components/UForm");
|
|
16
16
|
const Icon_1 = require("../../../components/_adapt/Icon");
|
|
17
17
|
const hooks_1 = require("../../../hooks");
|
|
18
|
-
const ColorPicker_1 = require("../../../components/_adapt/
|
|
18
|
+
const ColorPicker_1 = require("../../../components/_adapt/ColorPicker");
|
|
19
19
|
const markValue = (editor, cmd) => {
|
|
20
20
|
const marks = slate_1.Editor.marks(editor);
|
|
21
21
|
if (marks && marks[cmd]) {
|
|
@@ -112,7 +112,7 @@ const FontSize = ({ icon, ik, cmd, disabled }) => {
|
|
|
112
112
|
"px")));
|
|
113
113
|
};
|
|
114
114
|
exports.FontSize = FontSize;
|
|
115
|
-
const
|
|
115
|
+
const colorProps = {
|
|
116
116
|
format: "hex",
|
|
117
117
|
presets: [
|
|
118
118
|
{
|
|
@@ -165,7 +165,7 @@ const Color = ({ icon, ik, cmd, disabled }) => {
|
|
|
165
165
|
style.color = value;
|
|
166
166
|
style.fontWeight = 'bold';
|
|
167
167
|
}
|
|
168
|
-
return react_1.default.createElement(ColorPicker_1.ColorPicker, Object.assign({},
|
|
168
|
+
return react_1.default.createElement(ColorPicker_1.ColorPicker, Object.assign({}, colorProps, { onChange: (val, hex) => setValue(editor, cmd, hex) }),
|
|
169
169
|
react_1.default.createElement("span", { className: clazz.join(' '), style: style }));
|
|
170
170
|
};
|
|
171
171
|
exports.Color = Color;
|
|
@@ -181,7 +181,7 @@ const BgColor = ({ icon, ik, cmd, disabled }) => {
|
|
|
181
181
|
if (value) {
|
|
182
182
|
style.backgroundColor = value;
|
|
183
183
|
}
|
|
184
|
-
return react_1.default.createElement(ColorPicker_1.ColorPicker, Object.assign({},
|
|
184
|
+
return react_1.default.createElement(ColorPicker_1.ColorPicker, Object.assign({}, colorProps, { onChange: (val, hex) => setValue(editor, cmd, hex) }),
|
|
185
185
|
react_1.default.createElement("span", { className: clazz.join(' '), style: style }));
|
|
186
186
|
};
|
|
187
187
|
exports.BgColor = BgColor;
|
package/index.d.ts
CHANGED
|
@@ -21,6 +21,7 @@ export type { OCollapseProps as CollapseProps, OCollapsePanelProps as CollapsePa
|
|
|
21
21
|
*/
|
|
22
22
|
export { Divider, Empty, Result, Spin, Card, Skeleton, } from 'antd';
|
|
23
23
|
export { Layout } from './components/_adapt/Layout';
|
|
24
|
+
export { Space } from './components/_adapt/Space';
|
|
24
25
|
export { Row } from './components/_adapt/Row';
|
|
25
26
|
export { Col } from './components/_adapt/Col';
|
|
26
27
|
export type { LayoutProps } from 'antd/es/layout';
|
|
@@ -30,6 +31,7 @@ export type { ResultProps } from 'antd/es/result';
|
|
|
30
31
|
export type { SpinProps } from 'antd/es/spin';
|
|
31
32
|
export type { CardProps } from 'antd/es/card';
|
|
32
33
|
export type { SkeletonProps } from 'antd/es/skeleton';
|
|
34
|
+
export type { SpaceProps } from './components/_adapt/Space';
|
|
33
35
|
export type { RowProps } from './components/_adapt/Row';
|
|
34
36
|
export type { ColProps } from './components/_adapt/Col';
|
|
35
37
|
/**
|
|
@@ -85,6 +87,7 @@ Form, Input, InputNumber, Radio, Checkbox, Switch, Slider, TreeSelect, DatePicke
|
|
|
85
87
|
*/
|
|
86
88
|
Carousel, Calendar, } from 'antd';
|
|
87
89
|
export { Select } from './components/_adapt/Select';
|
|
90
|
+
export { ColorPicker } from './components/_adapt/ColorPicker';
|
|
88
91
|
export type { TableProps } from 'antd/es/table';
|
|
89
92
|
export type { DescriptionsProps } from 'antd/es/descriptions';
|
|
90
93
|
export type { TreeProps } from 'antd/es/tree';
|
|
@@ -107,6 +110,7 @@ export type { RateProps } from 'antd/es/rate';
|
|
|
107
110
|
export type { AutoCompleteProps } from 'antd/es/auto-complete';
|
|
108
111
|
export type { CascaderProps } from 'antd/es/cascader';
|
|
109
112
|
export type { TransferProps } from 'antd/es/transfer';
|
|
113
|
+
export type { ColorPickerProps } from './components/_adapt/ColorPicker';
|
|
110
114
|
export type { CarouselProps } from 'antd/es/carousel';
|
|
111
115
|
export type { CalendarProps } from 'antd/es/calendar';
|
|
112
116
|
export { UPagination } from './components/_common/Upagination';
|
package/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.PromiseLabel = exports.IAutoComplete = exports.Role = exports.I = exports.CountUp = exports.HighLight = exports.DateRange = exports.Loading = exports.SearchBar = exports.Box = exports.SList = exports.UploadModal = exports.UploadImage = exports.UploadFile = exports.FTree = exports.DTree = exports.STree = exports.TopTableModal = exports.TopTable = exports.STable = exports.ApiTableModal = exports.ApiTable = exports.VTable = exports.UDescriptions = exports.UModal = exports.UInfoModal = exports.UInfo = exports.UFormModal = exports.UForm = exports.UPagination = exports.Select = exports.Calendar = exports.Carousel = exports.Transfer = exports.Cascader = exports.AutoComplete = exports.Rate = exports.Upload = exports.TimePicker = exports.DatePicker = exports.TreeSelect = void 0;
|
|
3
|
+
exports.Switch = exports.Checkbox = exports.Radio = exports.InputNumber = exports.Input = exports.Form = exports.Pagination = exports.Timeline = exports.List = exports.Tree = exports.Descriptions = exports.Table = exports.Tag = exports.Alert = exports.Button = exports.Icon = exports.FloatButton = exports.Mentions = exports.Anchor = exports.Affix = exports.BackTop = exports.Avatar = exports.Badge = exports.Statistic = exports.Typography = exports.Progress = exports.Popover = exports.Popconfirm = exports.Tooltip = exports.Dropdown = exports.Drawer = exports.Modal = exports.Col = exports.Row = exports.Space = exports.Layout = exports.Skeleton = exports.Card = exports.Spin = exports.Result = exports.Empty = exports.Divider = exports.Collapse = exports.Tabs = exports.Menu = exports.Breadcrumb = exports.Steps = exports.notification = exports.message = exports.ConfigProvider = void 0;
|
|
4
|
+
exports.PromiseLabel = exports.IAutoComplete = exports.Role = exports.I = exports.CountUp = exports.HighLight = exports.DateRange = exports.Loading = exports.SearchBar = exports.Box = exports.SList = exports.UploadModal = exports.UploadImage = exports.UploadFile = exports.FTree = exports.DTree = exports.STree = exports.TopTableModal = exports.TopTable = exports.STable = exports.ApiTableModal = exports.ApiTable = exports.VTable = exports.UDescriptions = exports.UModal = exports.UInfoModal = exports.UInfo = exports.UFormModal = exports.UForm = exports.UPagination = exports.ColorPicker = exports.Select = exports.Calendar = exports.Carousel = exports.Transfer = exports.Cascader = exports.AutoComplete = exports.Rate = exports.Upload = exports.TimePicker = exports.DatePicker = exports.TreeSelect = exports.Slider = void 0;
|
|
5
5
|
/**
|
|
6
6
|
* 基础
|
|
7
7
|
*/
|
|
@@ -35,6 +35,8 @@ Object.defineProperty(exports, "Card", { enumerable: true, get: function () { re
|
|
|
35
35
|
Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return antd_3.Skeleton; } });
|
|
36
36
|
var Layout_1 = require("./components/_adapt/Layout");
|
|
37
37
|
Object.defineProperty(exports, "Layout", { enumerable: true, get: function () { return Layout_1.Layout; } });
|
|
38
|
+
var Space_1 = require("./components/_adapt/Space");
|
|
39
|
+
Object.defineProperty(exports, "Space", { enumerable: true, get: function () { return Space_1.Space; } });
|
|
38
40
|
var Row_1 = require("./components/_adapt/Row");
|
|
39
41
|
Object.defineProperty(exports, "Row", { enumerable: true, get: function () { return Row_1.Row; } });
|
|
40
42
|
var Col_1 = require("./components/_adapt/Col");
|
|
@@ -114,6 +116,8 @@ Object.defineProperty(exports, "Carousel", { enumerable: true, get: function ()
|
|
|
114
116
|
Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return antd_5.Calendar; } });
|
|
115
117
|
var Select_1 = require("./components/_adapt/Select");
|
|
116
118
|
Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
|
|
119
|
+
var ColorPicker_1 = require("./components/_adapt/ColorPicker");
|
|
120
|
+
Object.defineProperty(exports, "ColorPicker", { enumerable: true, get: function () { return ColorPicker_1.ColorPicker; } });
|
|
117
121
|
// Enrich antd Components
|
|
118
122
|
var Upagination_1 = require("./components/_common/Upagination"); // 增强版 Pagination
|
|
119
123
|
Object.defineProperty(exports, "UPagination", { enumerable: true, get: function () { return Upagination_1.UPagination; } });
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"vap1","version":"0.0.
|
|
1
|
+
{"name":"vap1","version":"0.0.4","description":"vap1, Both support MicroService and SAP FrameWork","main":"index.js","author":"Xiang da","license":"ISC","dependencies":{"antd":"^3.26.20","ejs":"^3.1.9","lodash":"^4.17.21","dayjs":"npm:moment@latest","react":"^16.14.0","terser-webpack-plugin":"^5.3.9","webpack":"^5.88.2","webpack-sources":"^3.2.3"}}
|