@aochuang/common 1.0.0 → 1.0.1

package/components/grid/icons/more-line.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1683246059518" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25773" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M192 448c-35.2 0-64 28.8-64 64s28.8 64 64 64S256 547.2 256 512s-28.8-64-64-64z m640 0c-35.2 0-64 28.8-64 64s28.8 64 64 64S896 547.2 896 512s-28.8-64-64-64z m-320 0c-35.2 0-64 28.8-64 64s28.8 64 64 64 64-28.8 64-64-28.8-64-64-64z" p-id="25774"></path></svg>

package/components/grid/icons/refresh.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="12px" viewBox="0 0 14 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>刷新</title>
+    <g id="页面-" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="工作台-我的事项-排序&amp;设为首页&amp;搜索&amp;鼠标放到列表上&amp;翻页选页数" transform="translate(-480.000000, -995.000000)" fill-rule="nonzero">
+            <g id="页码" transform="translate(220.000000, 978.000000)">
+                <g id="刷新" transform="translate(260.000000, 17.000000)">
+                    <path d="M7,12 C3.69095477,12 1,9.30904523 1,6 C1,5.8718593 1.00753769,5.74371859 1.01507538,5.61557789 L2.07035176,5.68341709 C2.06281407,5.78894472 2.06281407,5.89447236 2.06281407,6 C2.06281407,8.72864322 4.27889447,10.9447236 7.00753769,10.9447236 C8.28140704,10.9447236 9.48743719,10.4623116 10.4070352,9.5879397 L11.1306533,10.3567839 C10.0075377,11.419598 8.54522613,12 7,12 Z M13,6 L11.9447236,6 C11.9447236,5.82663317 11.9371859,5.65326633 11.9145729,5.4798995 C11.6507538,2.95477387 9.54020101,1.05527638 6.99246231,1.05527638 C5.99748744,1.05527638 5.04773869,1.34924623 4.22613065,1.89949749 L3.64572864,1.02512563 C4.63316583,0.354271357 5.79396985,0 7,0 C10.0829146,0 12.6532663,2.30653266 12.9698492,5.37437186 C12.9924623,5.57788945 13,5.78894472 13,6 Z" id="形状" fill="#707070"></path>
+                    <path d="M1.63462931,2.90140845 L0.0151840096,5.9687011 C-0.0291843547,6.04694836 0.0299734644,6.1486698 0.111315466,6.1486698 L3.34281133,6.1486698 C3.43154806,6.1486698 3.48331115,6.05477308 3.43894279,5.9687011 L1.82689222,2.90140845 C1.78252385,2.81533646 1.67160294,2.81533646 1.63462931,2.90140845 Z M12.1795106,8.7856025 L10.5600653,5.71830986 C10.5156969,5.6400626 10.5748547,5.53834116 10.6561967,5.53834116 L13.8876926,5.53834116 C13.9764293,5.53834116 14.0281924,5.63223787 13.983824,5.71830986 L12.3717735,8.7856025 C12.3347998,8.86384977 12.2238789,8.86384977 12.1795106,8.7856025 Z M3.51289006,1.54773083 C3.51289006,1.85023421 3.74464132,2.09546166 4.03052098,2.09546166 C4.31640064,2.09546166 4.54815189,1.85023421 4.54815189,1.54773083 C4.54815189,1.24522745 4.31640064,1 4.03052098,1 C3.74464132,1 3.51289006,1.24522745 3.51289006,1.54773083 Z M10.1311711,10.4522692 C10.1311711,10.7547726 10.3629223,11 10.648802,11 C10.9346816,11 11.1664329,10.7547726 11.1664329,10.4522692 C11.1664329,10.1497658 10.9346816,9.90453834 10.648802,9.90453834 C10.3629223,9.90453834 10.1311711,10.1497658 10.1311711,10.4522692 Z" id="形状" fill="#72767A"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/components/grid/index.js

@@ -0,0 +1,61 @@
+import Grid from './grid.vue'
+import GridColumn from './grid-column.vue'
+import GridBatchToolbar from './grid-toolbar/grid-batch-toolbar-proxy'
+import GridMoreToolbar from './grid-toolbar/grid-more-toolbar-proxy'
+import GridGlobalToolbar from './grid-toolbar/grid-global-toolbar-proxy'
+import GridFilter from './grid-filter/grid-filter.vue'
+import GridFilterGroup from './grid-filter/grid-filter-group.vue'
+import GridFilterItem from './grid-filter/grid-filter-item.vue'
+import GridFilterOperate from './grid-filter-operate/grid-filter-operate.vue'
+import GridFilterOperateItem from './grid-filter-operate/grid-filter-operate-item.vue'
+import GridTableView from './grid-table-view/grid-table-view'
+import GridCardView from './grid-card-view/grid-card-view'
+import { GridSortProxy as GridSort } from './grid-sort'
+import { setStorage, getStorage } from './util'
+
+export {
+  Grid,
+  GridColumn,
+  GridFilter,
+  GridBatchToolbar,
+  GridGlobalToolbar,
+  GridMoreToolbar,
+  GridFilterItem,
+  GridSort,
+  GridFilterOperate,
+  GridFilterOperateItem
+}
+
+export default {
+  Grid,
+  GridColumn,
+  GridFilter,
+  GridBatchToolbar,
+  GridGlobalToolbar,
+  GridMoreToolbar,
+  GridFilterItem,
+  GridSort,
+  GridFilterOperate,
+  GridFilterOperateItem,
+  install (Vue, options) {
+    options = Object.assign({
+      setStorage: null,
+      getStorage: null
+    }, options)
+    setStorage(options.setStorage)
+    getStorage(options.getStorage)
+    Vue.component(Grid.name, Grid)
+    Vue.component('UiGridColumn', GridColumn)
+    Vue.component('UiGridTable', GridTableView)
+    Vue.component('UiGridCard', GridCardView)
+    Vue.component('UiGridBatchToolbar', GridBatchToolbar)
+    Vue.component('UiGridGlobalToolbar', GridGlobalToolbar)
+    Vue.component('UiGridMoreToolbar', GridMoreToolbar)
+    Vue.component('UiGridFilter', GridFilter)
+    Vue.component('UiGridFilterItem', GridFilterItem)
+    Vue.component('UiGridFilterGroup', GridFilterGroup)
+    Vue.component('UiGridSort', GridSort)
+    Vue.component('UiGridFilterOperate', GridFilterOperate)
+    Vue.component('UiGridFilterOperateItem', GridFilterOperateItem)
+  }
+}

package/components/grid/util.js

@@ -0,0 +1,31 @@
+let number = Date.now()
+export function unique(prefix = '') {
+  ++number
+  return `${prefix}${number}`
+}
+
+export function isEmpty(val) {
+  return val === undefined || val === null || val === ''
+}
+
+export function dispatch(vm, eventName, data) {
+  var parent = vm.$parent || vm.$root;
+  while (parent && (!parent.$options.events || !parent.$options.events[eventName] || parent.$options.events[eventName].call(parent, data) !== false)) {
+    parent = parent.$parent
+  }
+}
+
+const storage = {
+  get: null,
+  set: null
+}
+
+export function setStorage (fn) {
+  storage.set = fn
+}
+
+export function getStorage (fn) {
+  storage.get = fn
+}
+
+export default storage

package/components/icon/demo.css

@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}