@ajaxjs/ui 1.1.8 → 1.2.0

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.
Files changed (50) hide show
  1. package/dist/index.d.ts +0 -1
  2. package/dist/index.js +1 -2
  3. package/dist/index.js.map +1 -1
  4. package/dist/util/utils.d.ts +7 -0
  5. package/dist/util/utils.js +35 -1
  6. package/dist/util/utils.js.map +1 -1
  7. package/package.json +3 -3
  8. package/src/App.vue +14 -0
  9. package/src/index.ts +50 -0
  10. package/src/main.ts +12 -0
  11. package/src/pages/calendar.vue +33 -0
  12. package/src/pages/form.vue +68 -0
  13. package/src/pages/html-editor.vue +44 -0
  14. package/src/pages/index.vue +150 -0
  15. package/src/pages/play-ground.vue +14 -0
  16. package/src/pages/widgets.vue +183 -0
  17. package/src/router/index.ts +19 -0
  18. package/src/shims-vue.d.ts +4 -0
  19. package/src/style/common-functions.less +294 -0
  20. package/src/style/reset.less +19 -0
  21. package/src/util/cookies.ts +43 -0
  22. package/src/util/dom.ts +47 -0
  23. package/src/util/utils.ts +184 -0
  24. package/src/util/xhr-config.ts +25 -0
  25. package/src/util/xhr.ts +296 -0
  26. package/src/widget/AccordionMenu.vue +140 -0
  27. package/src/widget/AdjustFontSize.vue +65 -0
  28. package/src/widget/Article.vue +59 -0
  29. package/src/widget/EmptyContent.js +4 -0
  30. package/src/widget/Expander.vue +65 -0
  31. package/src/widget/FileUploader/FileUploader.less +68 -0
  32. package/src/widget/FileUploader/FileUploader.ts +156 -0
  33. package/src/widget/FileUploader/FileUploader.vue +43 -0
  34. package/src/widget/HtmlEditor/HtmlEditor.less +345 -0
  35. package/src/widget/HtmlEditor/HtmlEditor.ts +339 -0
  36. package/src/widget/HtmlEditor/HtmlEditor.vue +70 -0
  37. package/src/widget/HtmlEditor/html-editor-HtmlSanitizer.js +103 -0
  38. package/src/widget/ImageEnlarger.vue +105 -0
  39. package/src/widget/OpacityBanner.vue +125 -0
  40. package/src/widget/ProcessLine.vue +133 -0
  41. package/src/widget/Resize.ts +152 -0
  42. package/src/widget/Resize.vue +104 -0
  43. package/src/widget/TreeSelector.vue +4 -0
  44. package/src/widget/calendar/BetweenDate.vue +63 -0
  45. package/src/widget/calendar/Calendar.less +210 -0
  46. package/src/widget/calendar/Calendar.ts +167 -0
  47. package/src/widget/calendar/Calendar.vue +52 -0
  48. package/src/widget/calendar/CalendarInput.vue +71 -0
  49. package/src/widget/form/validator.ts +289 -0
  50. package/src/widget/play-ground/sku.vue +93 -0
package/dist/index.d.ts CHANGED
@@ -30,7 +30,6 @@ declare const _default: {
30
30
  ProcessLine: import("vue").VueConstructor<OpacityBanner<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => OpacityBanner<Record<string, any>, Record<string, any>, never, never, any>>>;
31
31
  AccordionMenu: import("vue").VueConstructor<OpacityBanner<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => OpacityBanner<Record<string, any>, Record<string, any>, never, never, any>>>;
32
32
  Expander: import("vue").VueConstructor<OpacityBanner<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => OpacityBanner<Record<string, any>, Record<string, any>, never, never, any>>>;
33
- BaiduSearch: import("vue").VueConstructor<OpacityBanner<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => OpacityBanner<Record<string, any>, Record<string, any>, never, never, any>>>;
34
33
  Article: import("vue").VueConstructor<OpacityBanner<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => OpacityBanner<Record<string, any>, Record<string, any>, never, never, any>>>;
35
34
  HtmlEditor: import("vue").VueConstructor<OpacityBanner<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => OpacityBanner<Record<string, any>, Record<string, any>, never, never, any>>>;
36
35
  FileUploader: import("vue").VueConstructor<OpacityBanner<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => OpacityBanner<Record<string, any>, Record<string, any>, never, never, any>>>;
package/dist/index.js CHANGED
@@ -33,7 +33,6 @@ const OpacityBanner_vue_1 = __importDefault(require("@/widget/OpacityBanner.vue"
33
33
  const ProcessLine_vue_1 = __importDefault(require("@/widget/ProcessLine.vue"));
34
34
  const AccordionMenu_vue_1 = __importDefault(require("@/widget/AccordionMenu.vue"));
35
35
  const Expander_vue_1 = __importDefault(require("@/widget/Expander.vue"));
36
- const BaiduSearch_vue_1 = __importDefault(require("@/widget/BaiduSearch.vue"));
37
36
  const HtmlEditor_vue_1 = __importDefault(require("@/widget/HtmlEditor/HtmlEditor.vue"));
38
37
  const FileUploader_vue_1 = __importDefault(require("@/widget/FileUploader/FileUploader.vue"));
39
38
  const Calendar_vue_1 = __importDefault(require("@/widget/calendar/Calendar.vue"));
@@ -67,6 +66,6 @@ exports.default = {
67
66
  xhr: {
68
67
  xhr_get: xhr_2.xhr_get, xhr_post: xhr_2.xhr_post, xhr_put: xhr_2.xhr_put, xhr_del: xhr_2.xhr_del
69
68
  },
70
- OpacityBanner: OpacityBanner_vue_1.default, ProcessLine: ProcessLine_vue_1.default, AccordionMenu: AccordionMenu_vue_1.default, Expander: Expander_vue_1.default, BaiduSearch: BaiduSearch_vue_1.default, Article: Article_vue_1.default, HtmlEditor: HtmlEditor_vue_1.default, FileUploader: FileUploader_vue_1.default, Calendar: Calendar_vue_1.default
69
+ OpacityBanner: OpacityBanner_vue_1.default, ProcessLine: ProcessLine_vue_1.default, AccordionMenu: AccordionMenu_vue_1.default, Expander: Expander_vue_1.default, Article: Article_vue_1.default, HtmlEditor: HtmlEditor_vue_1.default, FileUploader: FileUploader_vue_1.default, Calendar: Calendar_vue_1.default
71
70
  };
72
71
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAAqC;AACrC,oCAA+C;AAC/C,oCAAiE;AAEjE,mFAAuD;AACvD,+EAAmD;AACnD,mFAAuD;AACvD,yEAA6C;AAC7C,+EAAmD;AACnD,wFAA4D;AAC5D,8FAAkE;AAClE,kFAAsD;AACtD,uEAA2C;AAE3C;;GAEG;AACH,IAAI,YAAoB,CAAC;AAEzB;;GAEG;AACH,kBAAe;IACX;;;;OAIG;IACH,aAAa,CAAC,MAAc;QACxB,YAAY,GAAG,MAAM,CAAC;IAC1B,CAAC;IAED;;;;OAIG;IACH,aAAa;QACT,OAAO,YAAY,CAAC;IACxB,CAAC;IAED,iBAAiB,EAAjB,uBAAiB;IAEjB,IAAI,EAAE,IAAI;IAEV,GAAG,EAAE;QACD,OAAO,EAAP,aAAO,EAAE,QAAQ,EAAR,cAAQ,EAAE,OAAO,EAAP,aAAO,EAAE,OAAO,EAAP,aAAO;KACtC;IAED,aAAa,EAAb,2BAAa,EAAE,WAAW,EAAX,yBAAW,EAAE,aAAa,EAAb,2BAAa,EAAE,QAAQ,EAAR,sBAAQ,EAAE,WAAW,EAAX,yBAAW,EAAE,OAAO,EAAP,qBAAO,EAAE,UAAU,EAAV,wBAAU,EAAE,YAAY,EAAZ,0BAAY,EAAE,QAAQ,EAAR,sBAAQ;CAChH,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAAqC;AACrC,oCAA+C;AAC/C,oCAAiE;AAEjE,mFAAuD;AACvD,+EAAmD;AACnD,mFAAuD;AACvD,yEAA6C;AAC7C,wFAA4D;AAC5D,8FAAkE;AAClE,kFAAsD;AACtD,uEAA2C;AAE3C;;GAEG;AACH,IAAI,YAAoB,CAAC;AAEzB;;GAEG;AACH,kBAAe;IACX;;;;OAIG;IACH,aAAa,CAAC,MAAc;QACxB,YAAY,GAAG,MAAM,CAAC;IAC1B,CAAC;IAED;;;;OAIG;IACH,aAAa;QACT,OAAO,YAAY,CAAC;IACxB,CAAC;IAED,iBAAiB,EAAjB,uBAAiB;IAEjB,IAAI,EAAE,IAAI;IAEV,GAAG,EAAE;QACD,OAAO,EAAP,aAAO,EAAE,QAAQ,EAAR,cAAQ,EAAE,OAAO,EAAP,aAAO,EAAE,OAAO,EAAP,aAAO;KACtC;IAED,aAAa,EAAb,2BAAa,EAAE,WAAW,EAAX,yBAAW,EAAE,aAAa,EAAb,2BAAa,EAAE,QAAQ,EAAR,sBAAQ,EAAE,OAAO,EAAP,qBAAO,EAAE,UAAU,EAAV,wBAAU,EAAE,YAAY,EAAZ,0BAAY,EAAE,QAAQ,EAAR,sBAAQ;CACnG,CAAC"}
@@ -9,6 +9,7 @@
9
9
  * @returns
10
10
  */
11
11
  export declare function isDebug(): boolean;
12
+ export declare function isDev(): boolean;
12
13
  /**
13
14
  * 日期格式化。详见博客文章:http://blog.csdn.net/zhangxin09/archive/2011/01/01/6111294.aspx
14
15
  * e.g: new Date().format("yyyy-MM-dd hh:mm:ss")
@@ -42,3 +43,9 @@ export declare function parallel(arr: [], _finally: Function): void;
42
43
  * @param mustRunDelay
43
44
  */
44
45
  export declare function throttle(fn: Function, delay: number, mustRunDelay: number): Function;
46
+ /**
47
+ * 复制文字到剪切板
48
+ *
49
+ * @param {*} text
50
+ */
51
+ export declare function copyToClipboard(text: any): void;
@@ -3,7 +3,7 @@
3
3
  * 通用工具类
4
4
  */
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.throttle = exports.parallel = exports.dateFormat2 = exports.dateFormat = exports.isDebug = void 0;
6
+ exports.copyToClipboard = exports.throttle = exports.parallel = exports.dateFormat2 = exports.dateFormat = exports.isDev = exports.isDebug = void 0;
7
7
  const env = process.env.NODE_ENV;
8
8
  /**
9
9
  * 是否调试模式中
@@ -16,6 +16,12 @@ function isDebug() {
16
16
  return env === 'development';
17
17
  }
18
18
  exports.isDebug = isDebug;
19
+ function isDev() {
20
+ let currentHostname = window.location.hostname;
21
+ // 判断主机名是否是内网地址
22
+ return (currentHostname.startsWith('192.168.') || currentHostname.startsWith('10.') || currentHostname === 'localhost');
23
+ }
24
+ exports.isDev = isDev;
19
25
  /**
20
26
  * 日期格式化。详见博客文章:http://blog.csdn.net/zhangxin09/archive/2011/01/01/6111294.aspx
21
27
  * e.g: new Date().format("yyyy-MM-dd hh:mm:ss")
@@ -137,4 +143,32 @@ function throttle(fn, delay, mustRunDelay) {
137
143
  };
138
144
  }
139
145
  exports.throttle = throttle;
146
+ /**
147
+ * 复制文字到剪切板
148
+ *
149
+ * @param {*} text
150
+ */
151
+ function copyToClipboard(text) {
152
+ if (navigator.clipboard) {
153
+ // clipboard api 复制
154
+ navigator.clipboard.writeText(text);
155
+ }
156
+ else {
157
+ let textarea = document.createElement('textarea');
158
+ document.body.appendChild(textarea);
159
+ // 隐藏此输入框
160
+ textarea.style.position = 'fixed';
161
+ textarea.style.clip = 'rect(0 0 0 0)';
162
+ textarea.style.top = '10px';
163
+ // 赋值
164
+ textarea.value = text;
165
+ // 选中
166
+ textarea.select();
167
+ // 复制
168
+ document.execCommand('copy', true);
169
+ // 移除输入框
170
+ document.body.removeChild(textarea);
171
+ }
172
+ }
173
+ exports.copyToClipboard = copyToClipboard;
140
174
  //# sourceMappingURL=utils.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/util/utils.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/util/utils.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ajaxjs/ui",
3
- "version": "1.1.8",
4
- "description": "real ajaxjs ui library",
3
+ "version": "1.2.0",
4
+ "description": "Real ajaxjs ui library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/libs/common.d.ts",
7
7
  "homepage": "https://framework.ajaxjs.com/",
@@ -23,7 +23,7 @@
23
23
  "author": "sp42 <sp42@qq.com>",
24
24
  "license": "Apache License 2.0",
25
25
  "files": [
26
- "dist/"
26
+ "dist/", "src"
27
27
  ],
28
28
  "devDependencies": {
29
29
  "@vue/cli-plugin-babel": "~4.5.0",
package/src/App.vue ADDED
@@ -0,0 +1,14 @@
1
+ <template>
2
+ <router-view />
3
+
4
+ </template>
5
+
6
+ <script>
7
+ export default {
8
+ created() {
9
+ // window.config = { dsApiRoot: 'http://127.0.0.1:8080/entity' };
10
+ window.config = { dsApiRoot: '/entity' };
11
+ document.title = "Demo Page";
12
+ }
13
+ }
14
+ </script>
package/src/index.ts ADDED
@@ -0,0 +1,50 @@
1
+ import * as util from './util/utils';
2
+ import { setBaseHeadParams } from './util/xhr';
3
+ import { xhr_get, xhr_post, xhr_put, xhr_del } from './util/xhr';
4
+
5
+ import OpacityBanner from "@/widget/OpacityBanner.vue";
6
+ import ProcessLine from "@/widget/ProcessLine.vue";
7
+ import AccordionMenu from "@/widget/AccordionMenu.vue";
8
+ import Expander from "@/widget/Expander.vue";
9
+ import HtmlEditor from "@/widget/HtmlEditor/HtmlEditor.vue";
10
+ import FileUploader from "@/widget/FileUploader/FileUploader.vue";
11
+ import Calendar from "@/widget/calendar/Calendar.vue";
12
+ import Article from '@/widget/Article.vue';
13
+
14
+ /**
15
+ * API 统一前缀
16
+ */
17
+ let API_BASE_URL: string;
18
+
19
+ /**
20
+ * 暴露各个组件
21
+ */
22
+ export default {
23
+ /**
24
+ * 设置 API 统一前缀
25
+ *
26
+ * @param perfix API 统一前缀
27
+ */
28
+ setApiBaseUrl(perfix: string): void {
29
+ API_BASE_URL = perfix;
30
+ },
31
+
32
+ /**
33
+ * 获取 API 统一前缀
34
+ *
35
+ * @returns API 统一前缀
36
+ */
37
+ getApiBaseUrl(): string {
38
+ return API_BASE_URL;
39
+ },
40
+
41
+ setBaseHeadParams,
42
+
43
+ util: util,
44
+
45
+ xhr: {
46
+ xhr_get, xhr_post, xhr_put, xhr_del
47
+ },
48
+
49
+ OpacityBanner, ProcessLine, AccordionMenu, Expander, Article, HtmlEditor, FileUploader, Calendar
50
+ };
package/src/main.ts ADDED
@@ -0,0 +1,12 @@
1
+ import Vue from 'vue'
2
+ import App from './App.vue'
3
+ import router from './router'
4
+ import '@/style/reset.less';
5
+ // import '@/style/common-functions.less';
6
+
7
+ Vue.config.productionTip = false;
8
+
9
+ new Vue({
10
+ router,
11
+ render: h => h(App)
12
+ }).$mount('#app');
@@ -0,0 +1,33 @@
1
+ <template>
2
+ <div class="home">
3
+ <h2>日历控件</h2>
4
+
5
+ <p>
6
+ 开门见山,先说明一下这日历组件的核心算法不是笔者原创的,而是来自于早期<a href="https://www.cnblogs.com/cloudgamer/articles/1274459.html" target="_blank">大神
7
+ cloudgamer 的作品</a>,在这里向前辈致敬! 组件本身的原理不算复杂难懂,也就寥寥
8
+ 140 行代码(原 JavaScript),足以展现日历渲染的原理。
9
+ </p>
10
+ <p>
11
+ <a
12
+ href="https://blog.csdn.net/zhangxin09/article/details/89681010"
13
+ target="_blank"
14
+ >查看教程</a
15
+ >
16
+ </p>
17
+ <p>
18
+ <Calendar style="margin:20px auto;" @pickdate="showDate" />
19
+ </p>
20
+ </div>
21
+ </template>
22
+ <script>
23
+ import Calendar from "@/widget/calendar/Calendar.vue";
24
+
25
+ export default {
26
+ components: { Calendar },
27
+ methods:{
28
+ showDate(date) {
29
+ alert(date);
30
+ }
31
+ }
32
+ };
33
+ </script>
@@ -0,0 +1,68 @@
1
+ <template>
2
+ <div class="home">
3
+ <h2>表单</h2>
4
+ <p>表单的问题主要是表单布局和表单验证两个。</p>
5
+ <form class="aj-form">
6
+ <table class="aj-form-table">
7
+ <tr>
8
+ <td>昵称</td>
9
+ <td><input type="text" name="name" value="Jack" /></td>
10
+ <td>真实姓名</td>
11
+ <td><input type="text" name="realname" value="" /></td>
12
+ </tr>
13
+ <tr>
14
+ <td>性别</td>
15
+ <td>
16
+ <label><input type="radio" name="gender" value="1" /> 男</label>
17
+ <label><input type="radio" name="gender" value="2" /> 女</label>
18
+ <label><input type="radio" name="gender" value="0" /> 未知</label>
19
+ </td>
20
+ <td>生日</td>
21
+ <td><input type="text" name="phone" value="" /></td>
22
+ </tr>
23
+ <tr>
24
+ <td>电话</td>
25
+ <td><input type="text" name="phone" value="" /></td>
26
+ <td>Email</td>
27
+ <td><input type="text" name="email" value="" /></td>
28
+ </tr>
29
+ <tr>
30
+ <td>地区</td>
31
+ <td colspan="3">
32
+ <input type="text" name="location" value="" />
33
+ </td>
34
+ </tr>
35
+ <tr>
36
+ <td>租户</td>
37
+ <td>
38
+ <select style="width: 180px; margin: 10px 0">
39
+ <option value="${item.id}">${item.name}</option>
40
+ </select>
41
+ </td>
42
+ <td>组织</td>
43
+ <td></td>
44
+ </tr>
45
+ </table>
46
+ <div class="aj-btnsHolder">
47
+ <button>提交</button> <button>复位</button>
48
+ </div>
49
+ </form>
50
+ <h2>文件上传</h2>
51
+ <FileUploader action="ddfdsf" style="margin: 0 auto" />
52
+ </div>
53
+ </template>
54
+ <script>
55
+ import FileUploader from "@/widget/FileUploader/FileUploader.vue";
56
+ import Calendar from "@/widget/calendar/Calendar.vue";
57
+
58
+ export default {
59
+ components: { FileUploader, Calendar },
60
+ };
61
+ </script>
62
+
63
+ <style lang="less" scoped>
64
+ form {
65
+ width: 600px;
66
+ margin: 0 auto;
67
+ }
68
+ </style>
@@ -0,0 +1,44 @@
1
+ <template>
2
+ <div class="home">
3
+ <h2>HTML 编辑器</h2>
4
+ <p>HTML 编辑器,又叫富文本编辑器(Rich Text Editor),目的就是让用户可以在浏览器上编辑各种格式的文本,类似于 Word “即见即所得”那种可视化的特性,HTML 编辑器能直观地编辑文本并同时产生预期的效果。
5
+ 不同的是 Word 最终成品是 *.doc 文件,而 HTML 编辑器的保存格式是 HTML。实际上,称为“富文本编辑器”或者更合适一些,盖因这类编辑器,最终的格式不一定是 HTML,可以被设计保存为 md(Markdown)或其他的格式。</p>
6
+ <p>
7
+ <a href="https://zhangxin.blog.csdn.net/article/details/113867893" target="_blank">查看教程</a>
8
+ </p>
9
+ <p>需要引入图标库;HTML 外层要有隐藏的 textarea 元素包裹着。</p>
10
+
11
+ <textarea style="display:none;">
12
+ <h2>什么是Lorem Ipsum?</h2>
13
+ <p>Lorem Ipsum,也称乱数假文或者哑元文本, 是印刷及排版领域所常用的虚拟文字。由于曾经一台匿名的打印机刻意打乱了一盒印刷字体从而造出一本字体样品书,Lorem Ipsum从西元15世纪起就被作为此领域的标准文本使用。它不仅延续了五个世纪,还通过了电子排版的挑战,其雏形却依然保存至今。在1960年代,”Leatraset”公司发布了印刷着Lorem Ipsum段落的纸张,从而广泛普及了它的使用。最近,计算机桌面出版软件”Aldus PageMaker”也通过同样的方式使Lorem Ipsum落入大众的视野。</p>
14
+
15
+ <h2>我们为何用它?</h2>
16
+ <p>无可否认,当读者在浏览一个页面的排版时,难免会被可阅读的内容所分散注意力。Lorem Ipsum的目的就是为了保持字母多多少少标准及平均的分配,而不是“此处有文本,此处有文本”,从而让内容更像可读的英语。如今,很多桌面排版软件以及网页编辑用Lorem Ipsum作为默认的示范文本,搜一搜“Lorem Ipsum”就能找到这些网站的雏形。这些年来Lorem Ipsum演变出了各式各样的版本,有些出于偶然,有些则是故意的(刻意的幽默之类的)。</p>
17
+ </textarea>
18
+
19
+ <HtmlEditor :v-model="v" style="width:800px;margin:0 auto" @on-change="v=$event" :is-ionicons="false" />
20
+
21
+ <br />
22
+ <br />
23
+ <h2>生成的 HTML 标签</h2>
24
+ <p>
25
+ {{v}}
26
+ </p>
27
+ </div>
28
+ </template>
29
+
30
+ <script>
31
+ import HtmlEditor from "@/widget/HtmlEditor/HtmlEditor.vue";
32
+
33
+ export default {
34
+ components: { HtmlEditor },
35
+ data() {
36
+ return {
37
+ v: "",
38
+ };
39
+ },
40
+ mounted() {
41
+ this.v = this.$el.querySelector("textarea").value;
42
+ },
43
+ };
44
+ </script>
@@ -0,0 +1,150 @@
1
+ <template>
2
+ <div class="demo">
3
+ <menu>
4
+ <a href="#" @click="show = 'intro'">简介</a> |
5
+ <!-- <a href="#" @click="show = 'baseFn'">基础函数</a> | -->
6
+ <a href="#" @click="show = 'widget'">页面 widget</a> |
7
+ <a href="#" @click="show = 'form'">表单组件</a> |
8
+ <a href="#" @click="show = 'html-editor'">HTML 编辑器</a> |
9
+ <a href="#" @click="show = 'calendar'">日历选择器</a> |
10
+ <a href="#" @click="show = 'play-ground'">试验场</a>
11
+ </menu>
12
+ <table class="all-center" v-if="show == 'intro'">
13
+ <tr>
14
+ <td>
15
+ <h1>ajaxjs.js 前端组件库</h1>
16
+ <ul>
17
+ <li>
18
+ 这是一个个人练手项目,组件不是很全,只有顶部导航列出那些。要求大而全的请参考
19
+ element/ant/iview
20
+ </li>
21
+ <li>
22
+ 轻量级,原先打算做一个纯原生的 UI 库,啥都不依赖,后面入坑 vue 才只依赖 vue 2
23
+ </li>
24
+ <li>
25
+ 简单易懂的代码,不折腾。当然了,是 typescript。不过我没有用 class 风格,只是加入参数类型、返回值类型,这就足够了
26
+ </li>
27
+ <li>CSS 基于 less.js</li>
28
+ </ul>
29
+ <p class="p">安装 npm i @ajaxjs/ui</p>
30
+
31
+ <p>
32
+ <a href="https://www.npmjs.com/package/@ajaxjs/ui">npm</a>
33
+ |
34
+ <a href="https://gitee.com/sp42_admin/ajaxjs/tree/master/aj-ui-widget/aj"
35
+ >源码</a>
36
+ |
37
+ <a
38
+ target="_blank"
39
+ href="//shang.qq.com/wpa/qunwpa?idkey=3877893a4ed3a5f0be01e809e7ac120e346102bd550deb6692239bb42de38e22"
40
+ >QQ 群:3150067</a>
41
+ |
42
+ <a href="mailto:frank@ajaxjs.com">Email</a> |
43
+ <a target="_blank" href="http://blog.csdn.net/zhangxin09">作者博客</a>
44
+ <center>©1999-2022 Frank Cheung</center>
45
+ </p>
46
+ </td>
47
+ </tr>
48
+ </table>
49
+
50
+ <DemoWidget v-if="show == 'widget'" />
51
+ <Form v-if="show == 'form'" />
52
+ <HtmlEditor v-if="show == 'html-editor'" />
53
+ <Calendar v-if="show == 'calendar'" />
54
+ <PlayGround v-if="show == 'play-ground'" />
55
+ </div>
56
+ </template>
57
+
58
+ <script>
59
+ import DemoWidget from "./widgets.vue";
60
+ import Form from "./form.vue";
61
+ import HtmlEditor from "./html-editor.vue";
62
+ import Calendar from "./calendar.vue";
63
+ import PlayGround from "./play-ground.vue";
64
+
65
+ export default {
66
+ components: { DemoWidget, Form, HtmlEditor, Calendar, PlayGround },
67
+ data() {
68
+ return {
69
+ show: "intro",
70
+ };
71
+ },
72
+ };
73
+ </script>
74
+
75
+ <style lang="less">
76
+ @import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css";
77
+
78
+ a {
79
+ color: gray;
80
+ }
81
+ a:hover {
82
+ color: black;
83
+ }
84
+ .demo {
85
+ font-size: 11pt;
86
+ menu {
87
+ margin: 0;
88
+ padding: 0;
89
+ line-height: 40px;
90
+ height: 40px;
91
+ // width: 300px;
92
+ text-align: center;
93
+ border-bottom: 1px solid lightgray;
94
+ }
95
+ }
96
+
97
+ table.all-center {
98
+ width: 100%;
99
+ font-size: 11pt;
100
+ td {
101
+ vertical-align: middle;
102
+ text-align: center;
103
+ }
104
+ }
105
+
106
+ h1 {
107
+ margin: 20px;
108
+ }
109
+
110
+ .home {
111
+ & > h2 {
112
+ margin: 30px auto;
113
+ }
114
+ & > h2,
115
+ & > p {
116
+ margin: 20px auto;
117
+ width: 600px;
118
+ text-align: justify;
119
+ }
120
+ }
121
+ </style>
122
+
123
+ <style lang="less" scoped>
124
+ h1 {
125
+ margin: 30px;
126
+ }
127
+
128
+ ul {
129
+ max-width: 500px;
130
+ margin: 20px auto;
131
+ color: gray;
132
+ li {
133
+ text-align: left;
134
+ list-style-type: initial;
135
+ padding-bottom: 10px;
136
+ }
137
+ }
138
+
139
+ p.p {
140
+ .aj-text-function();
141
+ max-width: 500px;
142
+ margin: 20px auto;
143
+ }
144
+
145
+ center {
146
+ margin: 20px;
147
+ font-size: 9pt;
148
+ color: lightgray;
149
+ }
150
+ </style>
@@ -0,0 +1,14 @@
1
+ <template>
2
+ <div class="home">
3
+ <h2>Resize</h2>
4
+
5
+ <Resize />
6
+ </div>
7
+ </template>
8
+ <script>
9
+ import Resize from "@/widget/Resize.vue";
10
+
11
+ export default {
12
+ components: { Resize },
13
+ };
14
+ </script>