From ca180fe20e8f5cf64be888f136ab4953964fa8f9 Mon Sep 17 00:00:00 2001
From: wkj <278599135@qq.com>
Date: Wed, 28 Dec 2022 11:57:15 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=B0=8F=E7=A8=8B=E5=BA=8F?=
=?UTF-8?q?=20=E5=9B=BE=E7=89=87=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
lib/components/extraFile/display/index.d.ts | 4 +-
lib/components/extraFile/display/index.js | 28 +++-----
lib/components/extraFile/display/index.xml | 2 +-
lib/components/extraFile/display/web.js | 2 +-
.../extraFile/display/web.module.less | 5 +-
lib/components/extraFile/gallery/index.js | 37 +++++-----
lib/components/extraFile/gallery/index.json | 6 +-
lib/components/extraFile/gallery/index.xml | 10 +--
lib/components/extraFile/gallery/web.js | 4 +-
lib/components/func/debugPanel/web.js | 4 +-
lib/pages/icon/index.d.ts | 3 +
lib/pages/icon/index.js | 6 ++
lib/pages/icon/index.json | 4 ++
lib/pages/icon/index.less | 6 ++
lib/pages/icon/index.xml | 4 ++
lib/pages/icon/web.d.ts | 3 +
lib/pages/icon/web.js | 9 +++
lib/pages/icon/web.module.less | 6 ++
src/components/extraFile/display/index.ts | 67 +++++++++----------
src/components/extraFile/display/index.xml | 2 +-
.../extraFile/display/web.module.less | 5 +-
src/components/extraFile/display/web.tsx | 2 +-
src/components/extraFile/gallery/index.json | 6 +-
src/components/extraFile/gallery/index.ts | 14 ++--
src/components/extraFile/gallery/index.xml | 10 +--
src/components/extraFile/gallery/web.tsx | 5 +-
src/components/func/debugPanel/web.tsx | 13 ++++
src/pages/icon/index.json | 4 ++
src/pages/icon/index.less | 6 ++
src/pages/icon/index.ts | 6 ++
src/pages/icon/index.xml | 4 ++
src/pages/icon/web.module.less | 6 ++
src/pages/icon/web.tsx | 15 +++++
33 files changed, 193 insertions(+), 115 deletions(-)
create mode 100644 lib/pages/icon/index.d.ts
create mode 100644 lib/pages/icon/index.js
create mode 100644 lib/pages/icon/index.json
create mode 100644 lib/pages/icon/index.less
create mode 100644 lib/pages/icon/index.xml
create mode 100644 lib/pages/icon/web.d.ts
create mode 100644 lib/pages/icon/web.js
create mode 100644 lib/pages/icon/web.module.less
create mode 100644 src/pages/icon/index.json
create mode 100644 src/pages/icon/index.less
create mode 100644 src/pages/icon/index.ts
create mode 100644 src/pages/icon/index.xml
create mode 100644 src/pages/icon/web.module.less
create mode 100644 src/pages/icon/web.tsx
diff --git a/lib/components/extraFile/display/index.d.ts b/lib/components/extraFile/display/index.d.ts
index cb0ff5c3b..42765aac1 100644
--- a/lib/components/extraFile/display/index.d.ts
+++ b/lib/components/extraFile/display/index.d.ts
@@ -1 +1,3 @@
-export {};
+///
+declare const _default: import("react").ComponentType;
+export default _default;
diff --git a/lib/components/extraFile/display/index.js b/lib/components/extraFile/display/index.js
index 7ef789545..9ed5554fa 100644
--- a/lib/components/extraFile/display/index.js
+++ b/lib/components/extraFile/display/index.js
@@ -1,9 +1,6 @@
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var mockId_1 = require("oak-frontend-base/lib/utils/mockId");
-var extraFile_1 = require("../../../utils/extraFile");
-OakComponent({
+exports.default = OakComponent({
entity: 'extraFile',
isList: false,
projection: {
@@ -17,25 +14,16 @@ OakComponent({
extension: 1,
type: 1,
entity: 1,
+ entityId: 1,
},
formData: function (_a) {
var extraFile = _a.data, features = _a.features;
- return tslib_1.__awaiter(void 0, void 0, void 0, function () {
- var application, isTmp;
- var _b;
- return tslib_1.__generator(this, function (_c) {
- switch (_c.label) {
- case 0: return [4 /*yield*/, features.application.getApplication()];
- case 1:
- application = _c.sent();
- isTmp = (extraFile === null || extraFile === void 0 ? void 0 : extraFile.id) && (0, mockId_1.isMockId)(extraFile.id);
- return [2 /*return*/, {
- src: extraFile && (0, extraFile_1.composeFileUrl)(extraFile, (_b = application === null || application === void 0 ? void 0 : application.system) === null || _b === void 0 ? void 0 : _b.config),
- isTmp: isTmp,
- }];
- }
- });
- });
+ return {
+ url: features.extraFile.getUrl(extraFile),
+ };
+ },
+ wechatMp: {
+ externalClasses: ['oak-class'],
},
properties: {
// 图片显示模式
diff --git a/lib/components/extraFile/display/index.xml b/lib/components/extraFile/display/index.xml
index e9ad43315..8bcfef265 100644
--- a/lib/components/extraFile/display/index.xml
+++ b/lib/components/extraFile/display/index.xml
@@ -1,2 +1,2 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/lib/components/extraFile/display/web.js b/lib/components/extraFile/display/web.js
index 497cd9f41..4babe157e 100644
--- a/lib/components/extraFile/display/web.js
+++ b/lib/components/extraFile/display/web.js
@@ -2,6 +2,6 @@
Object.defineProperty(exports, "__esModule", { value: true });
var jsx_runtime_1 = require("react/jsx-runtime");
function render() {
- return ((0, jsx_runtime_1.jsx)("div", { children: "react" }));
+ return ((0, jsx_runtime_1.jsx)("div", { children: "\u672A\u5B9E\u73B0" }));
}
exports.default = render;
diff --git a/lib/components/extraFile/display/web.module.less b/lib/components/extraFile/display/web.module.less
index ab16b7613..219c96d47 100644
--- a/lib/components/extraFile/display/web.module.less
+++ b/lib/components/extraFile/display/web.module.less
@@ -1,9 +1,8 @@
.container {
- height: 100vh;
display: flex;
flex-direction: column;
- justify-content: 'center';
- align-items: 'center';
+ justify-content: center;
+ align-items: center;
}
diff --git a/lib/components/extraFile/gallery/index.js b/lib/components/extraFile/gallery/index.js
index 036f5373a..cba31e095 100644
--- a/lib/components/extraFile/gallery/index.js
+++ b/lib/components/extraFile/gallery/index.js
@@ -4,7 +4,6 @@ var tslib_1 = require("tslib");
var uuid_1 = require("oak-domain/lib/utils/uuid");
var assert_1 = tslib_1.__importDefault(require("assert"));
var index_1 = tslib_1.__importDefault(require("../../../utils/dialog/index"));
-var extraFile_1 = require("../../../utils/extraFile");
exports.default = OakComponent({
entity: 'extraFile',
isList: true,
@@ -20,6 +19,7 @@ exports.default = OakComponent({
extension: 1,
type: 1,
entity: 1,
+ entityId: 1
},
formData: function (_a) {
var _this = this;
@@ -46,7 +46,7 @@ exports.default = OakComponent({
itemSizePercentage: '',
},
wechatMp: {
- externalClasses: ['l-class', 'l-item-class'],
+ externalClasses: ['oak-class', 'oak-item-class'],
},
properties: {
removeLater: Boolean,
@@ -321,14 +321,15 @@ exports.default = OakComponent({
onItemTapped: function (event) {
return tslib_1.__awaiter(this, void 0, void 0, function () {
var _a, files, systemConfig, index, imageUrl, urls, detail, result;
+ var _this = this;
return tslib_1.__generator(this, function (_b) {
switch (_b.label) {
case 0:
_a = this.state, files = _a.files, systemConfig = _a.systemConfig;
index = event.currentTarget.dataset.index;
- imageUrl = (0, extraFile_1.composeFileUrl)(files[index], systemConfig);
+ imageUrl = this.features.extraFile.getUrl(files[index]);
urls = files === null || files === void 0 ? void 0 : files.filter(function (ele) { return !!ele; }).map(function (ele) {
- return (0, extraFile_1.composeFileUrl)(ele, systemConfig);
+ return _this.features.extraFile.getUrl(ele);
});
detail = {
all: files,
@@ -353,41 +354,39 @@ exports.default = OakComponent({
},
onDeleteByMp: function (event) {
return tslib_1.__awaiter(this, void 0, void 0, function () {
- var value, id, bucket, result, confirm_1;
+ var value, id, bucket, origin, result, confirm_1;
return tslib_1.__generator(this, function (_a) {
switch (_a.label) {
case 0:
value = event.currentTarget.dataset.value;
- id = value.id, bucket = value.bucket;
- if (!(this.props.removeLater || (origin !== 'unknown' && !bucket))) return [3 /*break*/, 2];
- return [4 /*yield*/, this.removeItem(id)];
- case 1:
- _a.sent();
- return [3 /*break*/, 5];
- case 2: return [4 /*yield*/, wx.showModal({
+ id = value.id, bucket = value.bucket, origin = value.origin;
+ if (!(this.props.removeLater || (origin !== 'unknown' && !bucket))) return [3 /*break*/, 1];
+ this.removeItem(id);
+ return [3 /*break*/, 4];
+ case 1: return [4 /*yield*/, wx.showModal({
title: '确认删除吗',
content: '删除现有文件',
})];
- case 3:
+ case 2:
result = _a.sent();
confirm_1 = result.confirm;
- if (!confirm_1) return [3 /*break*/, 5];
+ if (!confirm_1) return [3 /*break*/, 4];
this.removeItem(id);
return [4 /*yield*/, this.execute()];
- case 4:
+ case 3:
_a.sent();
- _a.label = 5;
- case 5: return [2 /*return*/];
+ _a.label = 4;
+ case 4: return [2 /*return*/];
}
});
});
},
onDeleteByWeb: function (value) {
return tslib_1.__awaiter(this, void 0, void 0, function () {
- var id, bucket, confirm_2;
+ var id, bucket, origin, confirm_2;
var _this = this;
return tslib_1.__generator(this, function (_a) {
- id = value.id, bucket = value.bucket;
+ id = value.id, bucket = value.bucket, origin = value.origin;
// 如果 removeLater为true 或 origin === 'qiniu' 且 bucket不存在
if (this.props.removeLater || (origin !== 'unknown' && !bucket)) {
this.removeItem(id);
diff --git a/lib/components/extraFile/gallery/index.json b/lib/components/extraFile/gallery/index.json
index 94c8fb3a5..a21f4dcb9 100644
--- a/lib/components/extraFile/gallery/index.json
+++ b/lib/components/extraFile/gallery/index.json
@@ -1,9 +1,7 @@
{
"component": true,
"usingComponents": {
- "l-icon": "../../../miniprogram_npm/lin-ui/icon/index"
- },
- "componentGenerics": {
- "item": true
+ "l-icon": "../../../miniprogram_npm/lin-ui/icon/index",
+ "OakDisplay": "../display/index"
}
}
diff --git a/lib/components/extraFile/gallery/index.xml b/lib/components/extraFile/gallery/index.xml
index 02ba6827f..0214c4909 100644
--- a/lib/components/extraFile/gallery/index.xml
+++ b/lib/components/extraFile/gallery/index.xml
@@ -1,15 +1,15 @@
-
+
-
-
+
+
-
+
-
+
diff --git a/lib/components/extraFile/gallery/web.js b/lib/components/extraFile/gallery/web.js
index 36fb309a4..cec5bf6c3 100644
--- a/lib/components/extraFile/gallery/web.js
+++ b/lib/components/extraFile/gallery/web.js
@@ -14,8 +14,8 @@ function extraFileToUploadFile(extraFile, systemConfig) {
id: extraFile.id,
url: (0, extraFile_1.composeFileUrl)(extraFile, systemConfig),
thumbUrl: (0, extraFile_1.composeFileUrl)(extraFile, systemConfig),
- name: extraFile.filename,
- fileName: extraFile.filename,
+ name: extraFile.filename + (extraFile.extension || ''),
+ fileName: extraFile.filename + (extraFile.extension || ''),
size: extraFile.size,
type: extraFile.fileType,
uid: extraFile.id, //upload 组件需要uid来维护fileList
diff --git a/lib/components/func/debugPanel/web.js b/lib/components/func/debugPanel/web.js
index aecd1ca61..4af32a12a 100644
--- a/lib/components/func/debugPanel/web.js
+++ b/lib/components/func/debugPanel/web.js
@@ -62,6 +62,8 @@ function render(props) {
modal.destroy();
},
});
- } }, { children: "Reset" })) }))] }))] }))] }));
+ } }, { children: "Reset" })) })), (0, jsx_runtime_1.jsx)(antd_1.Tooltip, tslib_1.__assign({ title: "\u67E5\u770BOakIcon" }, { children: (0, jsx_runtime_1.jsx)(antd_1.Button, tslib_1.__assign({ size: "large", type: "primary", shape: "circle", onClick: function () {
+ window.open('/icon');
+ } }, { children: "Icon" })) }))] }))] }))] }));
}
exports.default = render;
diff --git a/lib/pages/icon/index.d.ts b/lib/pages/icon/index.d.ts
new file mode 100644
index 000000000..42765aac1
--- /dev/null
+++ b/lib/pages/icon/index.d.ts
@@ -0,0 +1,3 @@
+///
+declare const _default: import("react").ComponentType;
+export default _default;
diff --git a/lib/pages/icon/index.js b/lib/pages/icon/index.js
new file mode 100644
index 000000000..264f738b6
--- /dev/null
+++ b/lib/pages/icon/index.js
@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = OakComponent({
+ isList: true,
+ methods: {},
+});
diff --git a/lib/pages/icon/index.json b/lib/pages/icon/index.json
new file mode 100644
index 000000000..bc52459b0
--- /dev/null
+++ b/lib/pages/icon/index.json
@@ -0,0 +1,4 @@
+{
+ "navigationBarTitleText": "OakIcon示例",
+ "usingComponents": {}
+}
diff --git a/lib/pages/icon/index.less b/lib/pages/icon/index.less
new file mode 100644
index 000000000..1e649940f
--- /dev/null
+++ b/lib/pages/icon/index.less
@@ -0,0 +1,6 @@
+
+
+.page-body {
+ display: flex;
+}
+
diff --git a/lib/pages/icon/index.xml b/lib/pages/icon/index.xml
new file mode 100644
index 000000000..b93d0c355
--- /dev/null
+++ b/lib/pages/icon/index.xml
@@ -0,0 +1,4 @@
+
+
+ 未实现
+
\ No newline at end of file
diff --git a/lib/pages/icon/web.d.ts b/lib/pages/icon/web.d.ts
new file mode 100644
index 000000000..c8adc90a3
--- /dev/null
+++ b/lib/pages/icon/web.d.ts
@@ -0,0 +1,3 @@
+import { EntityDict } from '../../general-app-domain';
+import { WebComponentProps } from 'oak-frontend-base';
+export default function Render(props: WebComponentProps): JSX.Element;
diff --git a/lib/pages/icon/web.js b/lib/pages/icon/web.js
new file mode 100644
index 000000000..1a3200258
--- /dev/null
+++ b/lib/pages/icon/web.js
@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var web_module_less_1 = tslib_1.__importDefault(require("./web.module.less"));
+function Render(props) {
+ return (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: web_module_less_1.default.container }, { children: "1122" }));
+}
+exports.default = Render;
diff --git a/lib/pages/icon/web.module.less b/lib/pages/icon/web.module.less
new file mode 100644
index 000000000..0336d45b7
--- /dev/null
+++ b/lib/pages/icon/web.module.less
@@ -0,0 +1,6 @@
+.container {
+ height: 100vh;
+ display: flex;
+ flex-direction: column;
+ background-color: var(--oak-bg-color-page);
+}
diff --git a/src/components/extraFile/display/index.ts b/src/components/extraFile/display/index.ts
index 7d339492b..8da493624 100644
--- a/src/components/extraFile/display/index.ts
+++ b/src/components/extraFile/display/index.ts
@@ -1,37 +1,36 @@
-import { isMockId } from 'oak-frontend-base/lib/utils/mockId';
import { EntityDict } from '../../../general-app-domain';
-import { composeFileUrl } from '../../../utils/extraFile';
-OakComponent(
- {
- entity: 'extraFile',
- isList: false,
- projection: {
- id: 1,
- tag1: 1,
- origin: 1,
- bucket: 1,
- objectId: 1,
- filename: 1,
- extra1: 1,
- extension: 1,
- type: 1,
- entity: 1,
- },
- formData: async ({ data: extraFile, features }) => {
- const application = await features.application.getApplication();
- const isTmp = extraFile?.id && isMockId(extraFile.id);
- return {
- src: extraFile && composeFileUrl(extraFile as EntityDict['extraFile']['OpSchema'], application?.system?.config),
- isTmp,
- };
+export default OakComponent({
+ entity: 'extraFile',
+ isList: false,
+ projection: {
+ id: 1,
+ tag1: 1,
+ origin: 1,
+ bucket: 1,
+ objectId: 1,
+ filename: 1,
+ extra1: 1,
+ extension: 1,
+ type: 1,
+ entity: 1,
+ entityId: 1,
+ },
+ formData: ({ data: extraFile, features }) => {
+ return {
+ url: features.extraFile.getUrl(
+ extraFile as EntityDict['extraFile']['Schema']
+ ),
+ };
+ },
+ wechatMp: {
+ externalClasses: ['oak-class'],
+ },
+ properties: {
+ // 图片显示模式
+ mode: {
+ type: String,
+ value: 'aspectFit',
},
- properties: {
- // 图片显示模式
- mode: {
- type: String,
- value: 'aspectFit',
- },
- },
- }
-);
\ No newline at end of file
+ },
+});
\ No newline at end of file
diff --git a/src/components/extraFile/display/index.xml b/src/components/extraFile/display/index.xml
index e9ad43315..8bcfef265 100644
--- a/src/components/extraFile/display/index.xml
+++ b/src/components/extraFile/display/index.xml
@@ -1,2 +1,2 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/components/extraFile/display/web.module.less b/src/components/extraFile/display/web.module.less
index ab16b7613..219c96d47 100644
--- a/src/components/extraFile/display/web.module.less
+++ b/src/components/extraFile/display/web.module.less
@@ -1,9 +1,8 @@
.container {
- height: 100vh;
display: flex;
flex-direction: column;
- justify-content: 'center';
- align-items: 'center';
+ justify-content: center;
+ align-items: center;
}
diff --git a/src/components/extraFile/display/web.tsx b/src/components/extraFile/display/web.tsx
index a851b66b3..707cf3a3f 100644
--- a/src/components/extraFile/display/web.tsx
+++ b/src/components/extraFile/display/web.tsx
@@ -3,7 +3,7 @@ import React, { Component } from 'react';
export default function render() {
return (
- react
+ 未实现
);
}
diff --git a/src/components/extraFile/gallery/index.json b/src/components/extraFile/gallery/index.json
index 7214fb2f0..e889bb453 100644
--- a/src/components/extraFile/gallery/index.json
+++ b/src/components/extraFile/gallery/index.json
@@ -1,9 +1,7 @@
{
"component": true,
"usingComponents": {
- "l-icon": "../../../miniprogram_npm/lin-ui/icon/index"
- },
- "componentGenerics": {
- "item": true
+ "l-icon": "../../../miniprogram_npm/lin-ui/icon/index",
+ "OakDisplay": "../display/index"
}
}
diff --git a/src/components/extraFile/gallery/index.ts b/src/components/extraFile/gallery/index.ts
index 2f61243cf..73011579b 100644
--- a/src/components/extraFile/gallery/index.ts
+++ b/src/components/extraFile/gallery/index.ts
@@ -2,7 +2,6 @@ import { generateNewId } from 'oak-domain/lib/utils/uuid';
import assert from 'assert';
import Dialog from '../../../utils/dialog/index';
import { EntityDict } from '../../../general-app-domain';
-import { composeFileUrl } from '../../../utils/extraFile';
export default OakComponent({
entity: 'extraFile',
@@ -19,6 +18,7 @@ export default OakComponent({
extension: 1,
type: 1,
entity: 1,
+ entityId: 1
},
formData({ data: originalFiles, features }) {
const application = features.application.getApplication();
@@ -45,7 +45,7 @@ export default OakComponent({
itemSizePercentage: '',
},
wechatMp: {
- externalClasses: ['l-class', 'l-item-class'],
+ externalClasses: ['oak-class', 'oak-item-class'],
},
properties: {
removeLater: Boolean,
@@ -283,11 +283,11 @@ export default OakComponent({
async onItemTapped(event: WechatMiniprogram.Touch) {
const { files, systemConfig } = this.state;
const { index } = event.currentTarget.dataset;
- const imageUrl = composeFileUrl(files[index]!, systemConfig);
+ const imageUrl = this.features.extraFile.getUrl(files[index]!);
const urls = files
?.filter((ele: EntityDict['extraFile']['Schema']) => !!ele)
.map((ele: EntityDict['extraFile']['Schema']) =>
- composeFileUrl(ele!, systemConfig)
+ this.features.extraFile.getUrl(ele!)
);
const detail = {
@@ -308,10 +308,10 @@ export default OakComponent({
},
async onDeleteByMp(event: WechatMiniprogram.Touch) {
const { value } = event.currentTarget.dataset;
- const { id, bucket } = value;
+ const { id, bucket, origin } = value;
if (this.props.removeLater || (origin !== 'unknown' && !bucket)) {
- await this.removeItem(id);
+ this.removeItem(id);
} else {
const result = await wx.showModal({
title: '确认删除吗',
@@ -325,7 +325,7 @@ export default OakComponent({
}
},
async onDeleteByWeb(value: any) {
- const { id, bucket } = value;
+ const { id, bucket, origin } = value;
// 如果 removeLater为true 或 origin === 'qiniu' 且 bucket不存在
if (this.props.removeLater || (origin !== 'unknown' && !bucket)) {
this.removeItem(id);
diff --git a/src/components/extraFile/gallery/index.xml b/src/components/extraFile/gallery/index.xml
index 02ba6827f..0214c4909 100644
--- a/src/components/extraFile/gallery/index.xml
+++ b/src/components/extraFile/gallery/index.xml
@@ -1,15 +1,15 @@
-
+
-
-
+
+
-
+
-
+
diff --git a/src/components/extraFile/gallery/web.tsx b/src/components/extraFile/gallery/web.tsx
index b4fc2e6f0..bc4a21b31 100644
--- a/src/components/extraFile/gallery/web.tsx
+++ b/src/components/extraFile/gallery/web.tsx
@@ -8,7 +8,6 @@ import {
Tag,
Button,
Table,
- UploadProps,
} from 'antd';
import { PlusOutlined } from '@ant-design/icons';
import classNames from 'classnames';
@@ -30,8 +29,8 @@ function extraFileToUploadFile(
id: extraFile.id,
url: composeFileUrl(extraFile, systemConfig),
thumbUrl: composeFileUrl(extraFile, systemConfig),
- name: extraFile.filename,
- fileName: extraFile.filename,
+ name: extraFile.filename + (extraFile.extension || ''),
+ fileName: extraFile.filename + (extraFile.extension || ''),
size: extraFile.size!,
type: extraFile.fileType,
uid: extraFile.id, //upload 组件需要uid来维护fileList
diff --git a/src/components/func/debugPanel/web.tsx b/src/components/func/debugPanel/web.tsx
index 5d0d932ec..ab3019434 100644
--- a/src/components/func/debugPanel/web.tsx
+++ b/src/components/func/debugPanel/web.tsx
@@ -175,6 +175,19 @@ export default function render(props: WebComponentProps
+
+
+
+
diff --git a/src/pages/icon/index.json b/src/pages/icon/index.json
new file mode 100644
index 000000000..e27c24137
--- /dev/null
+++ b/src/pages/icon/index.json
@@ -0,0 +1,4 @@
+{
+ "navigationBarTitleText": "OakIcon示例",
+ "usingComponents": {}
+}
\ No newline at end of file
diff --git a/src/pages/icon/index.less b/src/pages/icon/index.less
new file mode 100644
index 000000000..1e649940f
--- /dev/null
+++ b/src/pages/icon/index.less
@@ -0,0 +1,6 @@
+
+
+.page-body {
+ display: flex;
+}
+
diff --git a/src/pages/icon/index.ts b/src/pages/icon/index.ts
new file mode 100644
index 000000000..74340c3b5
--- /dev/null
+++ b/src/pages/icon/index.ts
@@ -0,0 +1,6 @@
+
+export default OakComponent({
+ isList: true,
+ methods: {
+ },
+});
\ No newline at end of file
diff --git a/src/pages/icon/index.xml b/src/pages/icon/index.xml
new file mode 100644
index 000000000..b93d0c355
--- /dev/null
+++ b/src/pages/icon/index.xml
@@ -0,0 +1,4 @@
+
+
+ 未实现
+
\ No newline at end of file
diff --git a/src/pages/icon/web.module.less b/src/pages/icon/web.module.less
new file mode 100644
index 000000000..0336d45b7
--- /dev/null
+++ b/src/pages/icon/web.module.less
@@ -0,0 +1,6 @@
+.container {
+ height: 100vh;
+ display: flex;
+ flex-direction: column;
+ background-color: var(--oak-bg-color-page);
+}
diff --git a/src/pages/icon/web.tsx b/src/pages/icon/web.tsx
new file mode 100644
index 000000000..6fbc7978c
--- /dev/null
+++ b/src/pages/icon/web.tsx
@@ -0,0 +1,15 @@
+import React, { useState } from 'react';
+import { List, Button, Avatar, Input, Drawer } from 'antd';
+import { EntityDict } from '../../general-app-domain';
+import { WebComponentProps } from 'oak-frontend-base';
+
+import Style from './web.module.less';
+
+
+export default function Render(
+ props: WebComponentProps
+) {
+ return
+ 1122
+
;
+}