├── .gitignore
├── .idea
    ├── misc.xml
    ├── modules.xml
    ├── openants.iml
    ├── vcs.xml
    └── workspace.xml
├── .npmignore
├── Beifen.md
├── README.md
├── babel.config.js
├── examples
    ├── App.vue
    ├── assets
    │   ├── diy.jpg
    │   ├── logo.png
    │   ├── logo2.png
    │   ├── logo3.png
    │   ├── member.png
    │   ├── scss
    │   │   └── index.scss
    │   └── theme
    │   │   ├── fonts
    │   │       ├── element-icons.ttf
    │   │       └── element-icons.woff
    │   │   └── index.css
    ├── components
    │   ├── HelloWorld.vue
    │   └── MyAside.vue
    ├── json
    │   ├── diaLogImage.json
    │   ├── diaLogUrl.json
    │   └── menu.json
    ├── main.js
    ├── router
    │   └── index.js
    ├── store
    │   ├── getters.js
    │   ├── index.js
    │   └── modules
    │   │   └── leftMenu.js
    └── views
    │   ├── DiaLog
    │       └── Index.vue
    │   ├── Editor
    │       └── MyEditor.vue
    │   ├── Home
    │       └── Home.vue
    │   └── Main.vue
├── lib
    ├── demo.html
    ├── openants.common.js
    ├── openants.common.js.map
    ├── openants.umd.js
    ├── openants.umd.js.map
    ├── openants.umd.min.js
    └── openants.umd.min.js.map
├── package.json
├── packages
    ├── datePicker
    │   ├── index.js
    │   └── src
    │   │   └── datePicker.vue
    ├── dialog
    │   ├── image
    │   │   ├── index.js
    │   │   └── src
    │   │   │   └── main.vue
    │   └── url
    │   │   ├── index.js
    │   │   └── src
    │   │       └── main.vue
    ├── diy
    │   ├── index.js
    │   └── src
    │   │   ├── common
    │   │       ├── member.vue
    │   │       └── order.vue
    │   │   ├── diy-left.vue
    │   │   ├── diy-middle.vue
    │   │   ├── diy-right.vue
    │   │   ├── js
    │   │       ├── import-img.js
    │   │       └── import-json.js
    │   │   ├── json
    │   │       ├── member.json
    │   │       └── order.json
    │   │   ├── main.vue
    │   │   ├── setting
    │   │       ├── member-setting.vue
    │   │       ├── order-setting.vue
    │   │       └── setting.vue
    │   │   └── util
    │   │       └── image-title-url.vue
    ├── editor
    │   └── tinymce
    │   │   ├── index.js
    │   │   └── src
    │   │       └── main.vue
    ├── form
    │   ├── colorPicker
    │   │   ├── index.js
    │   │   └── src
    │   │   │   └── main.vue
    │   └── switch
    │   │   ├── index.js
    │   │   └── src
    │   │       └── main.vue
    ├── index.js
    ├── js
    │   └── do.js
    └── theme-default
    │   ├── css
    │       ├── ants.css
    │       └── diy.css
    │   ├── images
    │       ├── banner1.png
    │       ├── banner2.png
    │       ├── banner3.png
    │       ├── center.png
    │       ├── default_banner.png
    │       ├── default_picture.png
    │       ├── icon
    │       │   ├── audio.png
    │       │   ├── banner.png
    │       │   ├── bargain.png
    │       │   ├── blank.png
    │       │   ├── countdown.png
    │       │   ├── coupon.png
    │       │   ├── cube.png
    │       │   ├── fixedsearch.png
    │       │   ├── float.png
    │       │   ├── form.png
    │       │   ├── goods.png
    │       │   ├── goodsRanking.png
    │       │   ├── groups.png
    │       │   ├── guess.png
    │       │   ├── hotspot.png
    │       │   ├── line.png
    │       │   ├── listmenu.png
    │       │   ├── live.png
    │       │   ├── member.png
    │       │   ├── memberIcon.png
    │       │   ├── menu.png
    │       │   ├── notice.png
    │       │   ├── order.png
    │       │   ├── picture.png
    │       │   ├── pictures.png
    │       │   ├── popadvertising.png
    │       │   ├── presell.png
    │       │   ├── richtext.png
    │       │   ├── search.png
    │       │   ├── seckill.png
    │       │   ├── storeLise.png
    │       │   ├── storeLocation.png
    │       │   ├── tabbar.png
    │       │   ├── title.png
    │       │   ├── video.png
    │       │   └── wxlive.png
    │       ├── left.png
    │       ├── logo.png
    │       ├── person_img.jpg
    │       ├── person_info_balance.png
    │       ├── person_info_card.png
    │       ├── person_info_coupon.png
    │       ├── person_info_vip.png
    │       └── right.png
    │   └── tinymce
    │       ├── langs
    │           └── zh_CN.js
    │       ├── plugins
    │           └── antimage
    │           │   ├── index.js
    │           │   └── plugin.js
    │       └── skins
    │           ├── content
    │               ├── dark
    │               │   ├── content.css
    │               │   └── content.min.css
    │               ├── default
    │               │   ├── content.css
    │               │   └── content.min.css
    │               ├── document
    │               │   ├── content.css
    │               │   └── content.min.css
    │               └── writer
    │               │   ├── content.css
    │               │   └── content.min.css
    │           └── ui
    │               ├── oxide-dark
    │                   ├── content.css
    │                   ├── content.inline.css
    │                   ├── content.inline.min.css
    │                   ├── content.min.css
    │                   ├── content.mobile.css
    │                   ├── content.mobile.min.css
    │                   ├── fonts
    │                   │   └── tinymce-mobile.woff
    │                   ├── skin.css
    │                   ├── skin.min.css
    │                   ├── skin.mobile.css
    │                   └── skin.mobile.min.css
    │               └── oxide
    │                   ├── content.css
    │                   ├── content.inline.css
    │                   ├── content.inline.min.css
    │                   ├── content.min.css
    │                   ├── content.mobile.css
    │                   ├── content.mobile.min.css
    │                   ├── fonts
    │                       └── tinymce-mobile.woff
    │                   ├── skin.css
    │                   ├── skin.min.css
    │                   ├── skin.mobile.css
    │                   └── skin.mobile.min.css
├── public
    ├── favicon.ico
    └── index.html
├── vue.config.js
└── yarn.lock


/.gitignore:
--------------------------------------------------------------------------------
1 | # Project exclude paths
2 | /node_modules/
3 | /.idea/
4 | /dist/
5 | /.git/
6 | 


--------------------------------------------------------------------------------
/.idea/misc.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="JavaScriptSettings">
4 |     <option name="languageLevel" value="ES6" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/.idea/modules.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="ProjectModuleManager">
4 |     <modules>
5 |       <module fileurl="file://$PROJECT_DIR$/.idea/openants.iml" filepath="$PROJECT_DIR$/.idea/openants.iml" />
6 |     </modules>
7 |   </component>
8 | </project>


--------------------------------------------------------------------------------
/.idea/openants.iml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <module type="WEB_MODULE" version="4">
 3 |   <component name="NewModuleRootManager">
 4 |     <content url="file://$MODULE_DIR$">
 5 |       <excludeFolder url="file://$MODULE_DIR$/.tmp" />
 6 |       <excludeFolder url="file://$MODULE_DIR$/temp" />
 7 |       <excludeFolder url="file://$MODULE_DIR$/tmp" />
 8 |     </content>
 9 |     <orderEntry type="inheritedJdk" />
10 |     <orderEntry type="sourceFolder" forTests="false" />
11 |   </component>
12 | </module>


--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="VcsDirectoryMappings">
4 |     <mapping directory="$PROJECT_DIR$" vcs="Git" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/.idea/workspace.xml:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8"?>
  2 | <project version="4">
  3 |   <component name="BranchesTreeState">
  4 |     <expand>
  5 |       <path>
  6 |         <item name="ROOT" type="e8cecc67:BranchNodeDescriptor" />
  7 |         <item name="LOCAL_ROOT" type="e8cecc67:BranchNodeDescriptor" />
  8 |       </path>
  9 |       <path>
 10 |         <item name="ROOT" type="e8cecc67:BranchNodeDescriptor" />
 11 |         <item name="REMOTE_ROOT" type="e8cecc67:BranchNodeDescriptor" />
 12 |       </path>
 13 |       <path>
 14 |         <item name="ROOT" type="e8cecc67:BranchNodeDescriptor" />
 15 |         <item name="REMOTE_ROOT" type="e8cecc67:BranchNodeDescriptor" />
 16 |         <item name="GROUP_NODE:origin" type="e8cecc67:BranchNodeDescriptor" />
 17 |       </path>
 18 |     </expand>
 19 |     <select />
 20 |   </component>
 21 |   <component name="ChangeListManager">
 22 |     <list default="true" id="505c26bb-c0e5-40d8-908a-2935f619db62" name="Default Changelist" comment="1、优化弹出图片选择框组件，可以添加额外参数解决同一个页面多个图片选择框的问题">
 23 |       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
 24 |       <change beforePath="$PROJECT_DIR$/.npmignore" beforeDir="false" afterPath="$PROJECT_DIR$/.npmignore" afterDir="false" />
 25 |       <change beforePath="$PROJECT_DIR$/Beifen.md" beforeDir="false" afterPath="$PROJECT_DIR$/Beifen.md" afterDir="false" />
 26 |       <change beforePath="$PROJECT_DIR$/lib/demo.html" beforeDir="false" afterPath="$PROJECT_DIR$/lib/demo.html" afterDir="false" />
 27 |       <change beforePath="$PROJECT_DIR$/lib/openants.common.js" beforeDir="false" afterPath="$PROJECT_DIR$/lib/openants.common.js" afterDir="false" />
 28 |       <change beforePath="$PROJECT_DIR$/lib/openants.common.js.map" beforeDir="false" afterPath="$PROJECT_DIR$/lib/openants.common.js.map" afterDir="false" />
 29 |       <change beforePath="$PROJECT_DIR$/lib/openants.umd.js" beforeDir="false" afterPath="$PROJECT_DIR$/lib/openants.umd.js" afterDir="false" />
 30 |       <change beforePath="$PROJECT_DIR$/lib/openants.umd.js.map" beforeDir="false" afterPath="$PROJECT_DIR$/lib/openants.umd.js.map" afterDir="false" />
 31 |       <change beforePath="$PROJECT_DIR$/lib/openants.umd.min.js" beforeDir="false" afterPath="$PROJECT_DIR$/lib/openants.umd.min.js" afterDir="false" />
 32 |       <change beforePath="$PROJECT_DIR$/lib/openants.umd.min.js.map" beforeDir="false" afterPath="$PROJECT_DIR$/lib/openants.umd.min.js.map" afterDir="false" />
 33 |       <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
 34 |       <change beforePath="$PROJECT_DIR$/yarn.lock" beforeDir="false" afterPath="$PROJECT_DIR$/yarn.lock" afterDir="false" />
 35 |     </list>
 36 |     <option name="SHOW_DIALOG" value="false" />
 37 |     <option name="HIGHLIGHT_CONFLICTS" value="true" />
 38 |     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
 39 |     <option name="LAST_RESOLUTION" value="IGNORE" />
 40 |   </component>
 41 |   <component name="FileTemplateManagerImpl">
 42 |     <option name="RECENT_TEMPLATES">
 43 |       <list>
 44 |         <option value="CSS File" />
 45 |         <option value="myVue" />
 46 |         <option value="JavaScript File" />
 47 |         <option value="MyVue" />
 48 |       </list>
 49 |     </option>
 50 |   </component>
 51 |   <component name="Git.Settings">
 52 |     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
 53 |   </component>
 54 |   <component name="ProjectId" id="1fPYR3IUvk4jF1pUKdZsmWmsfeS" />
 55 |   <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
 56 |   <component name="ProjectViewState">
 57 |     <option name="autoscrollFromSource" value="true" />
 58 |     <option name="hideEmptyMiddlePackages" value="true" />
 59 |     <option name="showLibraryContents" value="true" />
 60 |   </component>
 61 |   <component name="PropertiesComponent">
 62 |     <property name="RunOnceActivity.OpenProjectViewOnStart" value="true" />
 63 |     <property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
 64 |     <property name="WebServerToolWindowFactoryState" value="false" />
 65 |     <property name="last_opened_file_path" value="$PROJECT_DIR$" />
 66 |     <property name="list.type.of.created.stylesheet" value="CSS" />
 67 |     <property name="node.js.detected.package.eslint" value="true" />
 68 |     <property name="node.js.detected.package.tslint" value="true" />
 69 |     <property name="node.js.path.for.package.eslint" value="project" />
 70 |     <property name="node.js.path.for.package.tslint" value="project" />
 71 |     <property name="node.js.selected.package.eslint" value="(autodetect)" />
 72 |     <property name="node.js.selected.package.tslint" value="(autodetect)" />
 73 |     <property name="nodejs_package_manager_path" value="yarn" />
 74 |     <property name="settings.editor.selected.configurable" value="org.jetbrains.plugins.github.ui.GithubSettingsConfigurable" />
 75 |     <property name="ts.external.directory.path" value="$APPLICATION_HOME_DIR$/plugins/JavaScriptLanguage/jsLanguageServicesImpl/external" />
 76 |     <property name="vue.rearranger.settings.migration" value="true" />
 77 |   </component>
 78 |   <component name="RecentsManager">
 79 |     <key name="CopyFile.RECENT_KEYS">
 80 |       <recent name="$PROJECT_DIR$" />
 81 |       <recent name="$PROJECT_DIR$/packages/js" />
 82 |       <recent name="$PROJECT_DIR$/examples/json" />
 83 |       <recent name="$PROJECT_DIR$/examples/assets" />
 84 |       <recent name="$PROJECT_DIR$/examples/store" />
 85 |     </key>
 86 |     <key name="MoveFile.RECENT_KEYS">
 87 |       <recent name="$PROJECT_DIR$/packages/dialog/url" />
 88 |       <recent name="$PROJECT_DIR$/packages/editor/tinymce" />
 89 |       <recent name="$PROJECT_DIR$/packages/dialog/src" />
 90 |       <recent name="$PROJECT_DIR$/packages/dialog" />
 91 |     </key>
 92 |   </component>
 93 |   <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
 94 |   <component name="SvnConfiguration">
 95 |     <configuration />
 96 |   </component>
 97 |   <component name="TaskManager">
 98 |     <task active="true" id="Default" summary="Default task">
 99 |       <changelist id="505c26bb-c0e5-40d8-908a-2935f619db62" name="Default Changelist" comment="" />
100 |       <created>1596121182707</created>
101 |       <option name="number" value="Default" />
102 |       <option name="presentableId" value="Default" />
103 |       <updated>1596121182707</updated>
104 |       <workItem from="1596121188383" duration="32763000" />
105 |       <workItem from="1596377913081" duration="36370000" />
106 |       <workItem from="1596554909001" duration="2437000" />
107 |       <workItem from="1596607560842" duration="35842000" />
108 |       <workItem from="1596708028429" duration="13331000" />
109 |       <workItem from="1596730801080" duration="2623000" />
110 |       <workItem from="1596809109331" duration="19227000" />
111 |       <workItem from="1597023345549" duration="60000" />
112 |       <workItem from="1597066054572" duration="645000" />
113 |       <workItem from="1597107997448" duration="781000" />
114 |       <workItem from="1597220422000" duration="21000" />
115 |       <workItem from="1597220552950" duration="167000" />
116 |       <workItem from="1597366357818" duration="11561000" />
117 |       <workItem from="1597494337178" duration="20268000" />
118 |       <workItem from="1597584671866" duration="16982000" />
119 |       <workItem from="1597669375918" duration="150000" />
120 |       <workItem from="1597741102272" duration="103000" />
121 |       <workItem from="1597826451000" duration="702000" />
122 |       <workItem from="1598453401282" duration="71000" />
123 |       <workItem from="1600850775960" duration="430000" />
124 |       <workItem from="1600852413817" duration="3248000" />
125 |       <workItem from="1600856285058" duration="1887000" />
126 |       <workItem from="1600865216578" duration="15181000" />
127 |       <workItem from="1600947358000" duration="9461000" />
128 |       <workItem from="1600997053771" duration="3692000" />
129 |       <workItem from="1601003035375" duration="20544000" />
130 |       <workItem from="1601302125759" duration="4498000" />
131 |       <workItem from="1601342940124" duration="12599000" />
132 |       <workItem from="1601387838480" duration="10023000" />
133 |       <workItem from="1601608453164" duration="6405000" />
134 |       <workItem from="1602227581360" duration="3280000" />
135 |       <workItem from="1602496122206" duration="48000" />
136 |       <workItem from="1602496378573" duration="446000" />
137 |       <workItem from="1602513645489" duration="1568000" />
138 |       <workItem from="1602580300163" duration="6468000" />
139 |       <workItem from="1603092764201" duration="855000" />
140 |       <workItem from="1603111873988" duration="13521000" />
141 |       <workItem from="1603287531827" duration="327000" />
142 |       <workItem from="1603717333776" duration="60000" />
143 |       <workItem from="1603717427629" duration="16740000" />
144 |       <workItem from="1603781586792" duration="2778000" />
145 |       <workItem from="1603785781992" duration="174000" />
146 |       <workItem from="1603848872372" duration="1621000" />
147 |       <workItem from="1605797389342" duration="1008000" />
148 |       <workItem from="1605799116849" duration="811000" />
149 |       <workItem from="1605800425030" duration="1876000" />
150 |       <workItem from="1605873921877" duration="149000" />
151 |       <workItem from="1605961400100" duration="198000" />
152 |       <workItem from="1606389383270" duration="1907000" />
153 |       <workItem from="1606494711805" duration="21000" />
154 |       <workItem from="1609901934044" duration="709000" />
155 |       <workItem from="1609902999081" duration="868000" />
156 |       <workItem from="1609913914690" duration="1101000" />
157 |       <workItem from="1614612397335" duration="475000" />
158 |       <workItem from="1614612973866" duration="609000" />
159 |       <workItem from="1622909023705" duration="3518000" />
160 |       <workItem from="1622913029599" duration="564000" />
161 |     </task>
162 |     <task id="LOCAL-00001" summary="修改gitigno">
163 |       <created>1596121537480</created>
164 |       <option name="number" value="00001" />
165 |       <option name="presentableId" value="LOCAL-00001" />
166 |       <option name="project" value="LOCAL" />
167 |       <updated>1596121537480</updated>
168 |     </task>
169 |     <task id="LOCAL-00002" summary="修改说明">
170 |       <created>1596124010464</created>
171 |       <option name="number" value="00002" />
172 |       <option name="presentableId" value="LOCAL-00002" />
173 |       <option name="project" value="LOCAL" />
174 |       <updated>1596124010464</updated>
175 |     </task>
176 |     <task id="LOCAL-00003" summary="修改说明">
177 |       <created>1596124136359</created>
178 |       <option name="number" value="00003" />
179 |       <option name="presentableId" value="LOCAL-00003" />
180 |       <option name="project" value="LOCAL" />
181 |       <updated>1596124136359</updated>
182 |     </task>
183 |     <task id="LOCAL-00004" summary="DIY左侧OK">
184 |       <created>1596203723040</created>
185 |       <option name="number" value="00004" />
186 |       <option name="presentableId" value="LOCAL-00004" />
187 |       <option name="project" value="LOCAL" />
188 |       <updated>1596203723040</updated>
189 |     </task>
190 |     <task id="LOCAL-00005" summary="完成会员信息">
191 |       <created>1596724672831</created>
192 |       <option name="number" value="00005" />
193 |       <option name="presentableId" value="LOCAL-00005" />
194 |       <option name="project" value="LOCAL" />
195 |       <updated>1596724672831</updated>
196 |     </task>
197 |     <task id="LOCAL-00006" summary="1、新增弹窗的连接选择器">
198 |       <created>1597656240994</created>
199 |       <option name="number" value="00006" />
200 |       <option name="presentableId" value="LOCAL-00006" />
201 |       <option name="project" value="LOCAL" />
202 |       <updated>1597656240994</updated>
203 |     </task>
204 |     <task id="LOCAL-00007" summary="1、新增弹窗的连接选择器">
205 |       <created>1597741181948</created>
206 |       <option name="number" value="00007" />
207 |       <option name="presentableId" value="LOCAL-00007" />
208 |       <option name="project" value="LOCAL" />
209 |       <updated>1597741181948</updated>
210 |     </task>
211 |     <task id="LOCAL-00008" summary="1、修改部分内容">
212 |       <created>1600850950310</created>
213 |       <option name="number" value="00008" />
214 |       <option name="presentableId" value="LOCAL-00008" />
215 |       <option name="project" value="LOCAL" />
216 |       <updated>1600850950310</updated>
217 |     </task>
218 |     <task id="LOCAL-00009" summary="1、111">
219 |       <created>1601344301634</created>
220 |       <option name="number" value="00009" />
221 |       <option name="presentableId" value="LOCAL-00009" />
222 |       <option name="project" value="LOCAL" />
223 |       <updated>1601344301634</updated>
224 |     </task>
225 |     <task id="LOCAL-00010" summary="1、增加图片弹窗选择器，可以将图片分组、图片分页模糊查询&#10;2、二次封装`tinymce`，增加中文字体包，整合弹窗选择器">
226 |       <created>1603782552695</created>
227 |       <option name="number" value="00010" />
228 |       <option name="presentableId" value="LOCAL-00010" />
229 |       <option name="project" value="LOCAL" />
230 |       <updated>1603782552695</updated>
231 |     </task>
232 |     <task id="LOCAL-00011" summary="1、修复node-forge版本过低漏洞的问题">
233 |       <created>1603784318592</created>
234 |       <option name="number" value="00011" />
235 |       <option name="presentableId" value="LOCAL-00011" />
236 |       <option name="project" value="LOCAL" />
237 |       <updated>1603784318592</updated>
238 |     </task>
239 |     <task id="LOCAL-00012" summary="1、修复node-forge版本过低漏洞的问题">
240 |       <created>1603785882070</created>
241 |       <option name="number" value="00012" />
242 |       <option name="presentableId" value="LOCAL-00012" />
243 |       <option name="project" value="LOCAL" />
244 |       <updated>1603785882070</updated>
245 |     </task>
246 |     <task id="LOCAL-00013" summary="1、修复jenkins自动化部署编译报错的问题">
247 |       <created>1603852792397</created>
248 |       <option name="number" value="00013" />
249 |       <option name="presentableId" value="LOCAL-00013" />
250 |       <option name="project" value="LOCAL" />
251 |       <updated>1603852792398</updated>
252 |     </task>
253 |     <task id="LOCAL-00014" summary="1、修复组件中部分css部署的时候出现权限不足被替换的问题">
254 |       <created>1606391092103</created>
255 |       <option name="number" value="00014" />
256 |       <option name="presentableId" value="LOCAL-00014" />
257 |       <option name="project" value="LOCAL" />
258 |       <updated>1606391092103</updated>
259 |     </task>
260 |     <task id="LOCAL-00015" summary="1、优化弹出图片选择框组件，可以添加额外参数解决同一个页面多个图片选择框的问题">
261 |       <created>1622911413507</created>
262 |       <option name="number" value="00015" />
263 |       <option name="presentableId" value="LOCAL-00015" />
264 |       <option name="project" value="LOCAL" />
265 |       <updated>1622911413507</updated>
266 |     </task>
267 |     <option name="localTasksCounter" value="16" />
268 |     <servers />
269 |   </component>
270 |   <component name="TypeScriptGeneratedFilesManager">
271 |     <option name="version" value="3" />
272 |   </component>
273 |   <component name="Vcs.Log.Tabs.Properties">
274 |     <option name="TAB_STATES">
275 |       <map>
276 |         <entry key="MAIN">
277 |           <value>
278 |             <State />
279 |           </value>
280 |         </entry>
281 |       </map>
282 |     </option>
283 |     <option name="oldMeFiltersMigrated" value="true" />
284 |   </component>
285 |   <component name="VcsManagerConfiguration">
286 |     <ignored-roots>
287 |       <path value="$PROJECT_DIR$" />
288 |     </ignored-roots>
289 |     <MESSAGE value="修改gitigno" />
290 |     <MESSAGE value="修改说明" />
291 |     <MESSAGE value="DIY左侧OK" />
292 |     <MESSAGE value="完成会员信息" />
293 |     <MESSAGE value="1、新增弹窗的连接选择器" />
294 |     <MESSAGE value="1、修改部分内容" />
295 |     <MESSAGE value="1、111" />
296 |     <MESSAGE value="1、增加图片弹窗选择器，可以将图片分组、图片分页模糊查询&#10;2、二次封装`tinymce`，增加中文字体包，整合弹窗选择器" />
297 |     <MESSAGE value="1、修复node-forge版本过低漏洞的问题" />
298 |     <MESSAGE value="1、修复jenkins自动化部署编译报错的问题" />
299 |     <MESSAGE value="1、修复组件中部分css部署的时候出现权限不足被替换的问题" />
300 |     <MESSAGE value="1、优化弹出图片选择框组件，可以添加额外参数解决同一个页面多个图片选择框的问题" />
301 |     <option name="LAST_COMMIT_MESSAGE" value="1、优化弹出图片选择框组件，可以添加额外参数解决同一个页面多个图片选择框的问题" />
302 |   </component>
303 | </project>


--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
 1 | dist/
 2 | examples/
 3 | packages/
 4 | public/
 5 | vue.config.js
 6 | postcss.config.js
 7 | babel.config.js
 8 | Beifen.md
 9 | *.map
10 | 


--------------------------------------------------------------------------------
/Beifen.md:
--------------------------------------------------------------------------------
1 | npm adduser 添加用户
2 | 
3 | 修改版本号
4 | 
5 | npm run build-lib
6 | 
7 | npm publish
8 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <br>
 2 | 
 3 | <p align="center">
 4 |   <img width="280px" src="examples/assets/logo.png" alt="logo" />
 5 | </p>
 6 | 
 7 | <br>
 8 | 
 9 | ## 介绍
10 | 
11 | - 基于 VUE 和 Element
12 | - 自定义小程序功能
13 | - 商品 SKU
14 | - 链接弹窗选择器
15 | - 图片弹窗选择器，包含图片分组，图片分页查询，图片删除等
16 | - 二次封装`tinymce`，增加中文字体包，整合弹窗选择器
17 | 
18 | ## 截图
19 | 
20 | <p align="center">
21 |   <img width="100%" src="examples/assets/diy.jpg"/>
22 | </p>
23 | 
24 | <br>
25 | 
26 | ## 安装
27 | 
28 | ```shell
29 | npm install openants -S
30 | or
31 | yarn add openants
32 | ```
33 | 
34 | ## 快速开始
35 | 
36 | 中文文档：http://docs.unpor.com/docs/openants_for_vue/openants_for_vue-1c9f9qf36cnl9  
37 | OpenAnts 组件是基于 Element 开发，所以在你安装安装 OpenAnts 我们将自动帮你安装 ElementUI，而无需你自己安装，我们建议 elementUI 全局引入！
38 | 
39 | ### 全局使用 OpenAnts
40 | 
41 | main.js 中的配置
42 | 
43 | ```javascript
44 | import Vue from "vue";
45 | import ElementUI from "element-ui"; // 需要引入 element-ui
46 | import "element-ui/lib/theme-chalk/index.css"; // 需要引入 element-ui 的主题文件
47 | import OpenAnts from "openants"; // 需要引入 OpenAnts
48 | import App from "./App.vue";
49 | 
50 | Vue.use(ElementUI); // 将 ElementUI 组件注册到VUE
51 | Vue.use(OpenAnts); // 将 ElementUI OpenAnts
52 | 
53 | new Vue({
54 |   el: "#app",
55 |   render: h => h(App)
56 | });
57 | ```
58 | 
59 | ### 按需使用 OpenAnts
60 | 
61 | main.js 中的配置
62 | 
63 | ```javascript
64 | import Vue from "vue";
65 | import ElementUI from "element-ui"; // 需要引入 element-ui
66 | import "element-ui/lib/theme-chalk/index.css"; // 需要引入 element-ui 的主题文件
67 | import { btn, xxx } from "openants"; // 需要引入 OpenAnts
68 | import App from "./App.vue";
69 | 
70 | Vue.use(ElementUI); // 将 ElementUI 组件注册到VUE
71 | Vue.component(btn.name, btn);
72 | Vue.component(xxx.name, xxx);
73 | /* 或写为
74 |  * Vue.use(btn)
75 |  * Vue.use(xxx)
76 |  */
77 | 
78 | new Vue({
79 |   el: "#app",
80 |   render: h => h(App)
81 | });
82 | ```
83 | 
84 | ## 教程
85 | 
86 | http://docs.unpor.com/docs/openants_for_vue/openants_for_vue-1c9f9qf36cnl9
87 | 


--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   presets: [
3 |     '@vue/cli-plugin-babel/preset'
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/examples/App.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div id="app">
  3 |     <el-container>
  4 |       <el-aside width="200px" style="overflow-x: hidden;">
  5 |         <MyAside :action="menuindex" @aclick="leftPush"></MyAside>
  6 |       </el-aside>
  7 |       <el-main><router-view /></el-main>
  8 |     </el-container>
  9 |     <!--    <img alt="Vue logo" class="logo" src="./assets/logo.png" />-->
 10 |     <!--    <HelloWorld msg="Welcome to Your Vue.js App" />-->
 11 |   </div>
 12 | </template>
 13 | 
 14 | <script>
 15 | // import HelloWorld from "./components/HelloWorld.vue";
 16 | import { mapGetters } from "vuex";
 17 | import MyAside from "./components/MyAside.vue";
 18 | 
 19 | export default {
 20 |   name: "App",
 21 |   data() {
 22 |     return {
 23 |       action: 0
 24 |     };
 25 |   },
 26 |   mounted() {
 27 |     this.action = this.$store.state.leftMenu.menuindex;
 28 |   },
 29 |   methods: {
 30 |     leftPush(e) {
 31 |       this.$store.commit("setMenuIndex", e.index);
 32 |       this.$router.push(e.path);
 33 |     }
 34 |   },
 35 |   computed: {
 36 |     ...mapGetters(["menuindex"])
 37 |   },
 38 |   components: {
 39 |     // HelloWorld
 40 |     MyAside
 41 |   },
 42 |   created() {
 43 |     //在页面加载时读取sessionStorage里的状态信息
 44 |     if (sessionStorage.getItem("store")) {
 45 |       this.$store.replaceState(
 46 |         Object.assign(
 47 |           {},
 48 |           this.$store.state,
 49 |           JSON.parse(sessionStorage.getItem("store"))
 50 |         )
 51 |       );
 52 |     }
 53 | 
 54 |     //在页面刷新时将vuex里的信息保存到sessionStorage里
 55 |     window.addEventListener("beforeunload", () => {
 56 |       sessionStorage.setItem("store", JSON.stringify(this.$store.state));
 57 |     });
 58 |   }
 59 | };
 60 | </script>
 61 | 
 62 | <style>
 63 | body {
 64 |   padding: 0;
 65 |   margin: 0;
 66 |   height: 100vh;
 67 | }
 68 | #app {
 69 |   font-family: Avenir, Helvetica, Arial, sans-serif;
 70 |   -webkit-font-smoothing: antialiased;
 71 |   -moz-osx-font-smoothing: grayscale;
 72 |   text-align: center;
 73 |   color: #2c3e50;
 74 |   height: 100vh;
 75 | }
 76 | .el-container {
 77 |   height: 100vh;
 78 | }
 79 | 
 80 | .el-aside {
 81 |   color: #333;
 82 |   text-align: center;
 83 |   border-right: 1px #e9eef3 solid;
 84 | }
 85 | 
 86 | .el-main {
 87 |   color: #333;
 88 |   text-align: center;
 89 | }
 90 | 
 91 | body > .el-container {
 92 |   margin-bottom: 40px;
 93 | }
 94 | 
 95 | .el-container:nth-child(5) .el-aside,
 96 | .el-container:nth-child(6) .el-aside {
 97 | }
 98 | 
 99 | .el-container:nth-child(7) .el-aside {
100 | }
101 | </style>
102 | 


--------------------------------------------------------------------------------
/examples/assets/diy.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/examples/assets/diy.jpg


--------------------------------------------------------------------------------
/examples/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/examples/assets/logo.png


--------------------------------------------------------------------------------
/examples/assets/logo2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/examples/assets/logo2.png


--------------------------------------------------------------------------------
/examples/assets/logo3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/examples/assets/logo3.png


--------------------------------------------------------------------------------
/examples/assets/member.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/examples/assets/member.png


--------------------------------------------------------------------------------
/examples/assets/scss/index.scss:
--------------------------------------------------------------------------------
 1 | .logo {
 2 |   width: 200px;
 3 |   margin-top: 10px;
 4 |   margin-bottom: 10px;
 5 | }
 6 | .left-btn {
 7 |   font-size: 14px;
 8 |   text-align: left;
 9 |   margin: 10px 20px;
10 |   line-height: 40px;
11 |   padding-left: 10px;
12 |   cursor: pointer;
13 | }
14 | .left-btn-active {
15 |   background-color: #fff0eb;
16 |   color: #ff6900;
17 |   border-radius: 10px;
18 | }
19 | .main-top {
20 |   background-color: #fff0eb;
21 |   border-radius: 5px;
22 |   text-align: left;
23 |   padding: 10px;
24 |   font-size: 14px;
25 |   color: #666666;
26 |   margin-bottom: 20px;
27 |   line-height: 28px;
28 | }
29 | .dia-inpot {
30 |   display: flex;
31 |   margin-bottom: 20px;
32 |   .dia-inpot-title {
33 |     width: 100px;
34 |     text-align: center;
35 |     line-height: 30px;
36 |     font-size: 14px;
37 |     color: #666666;
38 |   }
39 |   input {
40 |     width: 20vw;
41 |     min-width: 200px;
42 |   }
43 | }
44 | 


--------------------------------------------------------------------------------
/examples/assets/theme/fonts/element-icons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/examples/assets/theme/fonts/element-icons.ttf


--------------------------------------------------------------------------------
/examples/assets/theme/fonts/element-icons.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/examples/assets/theme/fonts/element-icons.woff


--------------------------------------------------------------------------------
/examples/components/HelloWorld.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="hello">
  3 |     <AntDiy
  4 |       :leftMenu="leftMenu"
  5 |       :pageData.sync="pageData"
  6 |       :urlList="urlList"
  7 |       :sharing="sharing"
  8 |     ></AntDiy>
  9 |     <AntUrlDialog
 10 |       :dialog-visible="showDialog"
 11 |       @dialog-cancel="showDialog = false"
 12 |       @antClick="antClick"
 13 |       :ant-data="urlData"
 14 |       atitle="弹窗标题"
 15 |     ></AntUrlDialog>
 16 |     <div class="itu-box-url-box" @click="showDialog = true">点击</div>
 17 |     <div>富文本编辑器</div>
 18 |     {{ msg }}
 19 |     <ant-editor-tinymce ref="editor" v-model="msg"> </ant-editor-tinymce>
 20 |   </div>
 21 | </template>
 22 | 
 23 | <script>
 24 | import member from "../assets/member.png";
 25 | export default {
 26 |   name: "HelloWorld",
 27 |   data() {
 28 |     return {
 29 |       // 富文本
 30 |       msg: "请输入内容",
 31 |       // 富文本
 32 |       showDialog: false, // 弹窗控制
 33 |       urlData: [
 34 |         {
 35 |           level: 2, // 级别，1代表只有一级分类，2代表有2级分类
 36 |           title: "商城页面",
 37 |           childList: [
 38 |             {
 39 |               title: "商城链接",
 40 |               type: "url", // 类型
 41 |               info: "注：app暂不支持的链接，在App端点击时，不跳转页面",
 42 |               childList: [
 43 |                 {
 44 |                   title: "商城首页",
 45 |                   url: "home/home"
 46 |                 },
 47 |                 {
 48 |                   title: "分类",
 49 |                   url: "home/list"
 50 |                 }
 51 |               ]
 52 |             }
 53 |           ]
 54 |         },
 55 |         {
 56 |           level: 1, // 级别，1代表只有一级分类，2代表有2级分类
 57 |           title: "商品",
 58 |           type: "list", // 类型   Url：普通链接显示按钮类型，list：显示列表类型，call：拨打电话（childList为空），
 59 |           info: "注：这里是商品的连接测试",
 60 |           search: {
 61 |             url:
 62 |               "https://private-dev.heikeit.com/addons/up_vipcard/inc/web/public/index.php?s=/Apitest/getall", // 搜索链接，系统会自己通过发送POST请求，POST请求会添加parame中的参数，同时系统自动会添加几个参数，search：搜索关键词，可能为空，pageSize：每页显示条数15条，currentPage：当前页面
 63 |             parame: {
 64 |               token: "123456"
 65 |             }
 66 |           }
 67 |         },
 68 |         {
 69 |           level: 1, // 级别，1代表只有一级分类，2代表有2级分类
 70 |           title: "拨打电话",
 71 |           type: "call", // 类型   Url：普通链接显示按钮类型，list：显示列表类型，call：拨打电话（childList为空），
 72 |           info: "添加电话号码链接"
 73 |         },
 74 |         {
 75 |           level: 1, // 级别，1代表只有一级分类，2代表有2级分类
 76 |           title: "拨打电话",
 77 |           type: "call" // 类型   Url：普通链接显示按钮类型，list：显示列表类型，call：拨打电话（childList为空），
 78 |         }
 79 |       ],
 80 |       leftMenu: [
 81 |         {
 82 |           title: "基础组件",
 83 |           btns: [
 84 |             {
 85 |               type: "member",
 86 |               title: "会员信息",
 87 |               img: member
 88 |             },
 89 |             {
 90 |               type: "order",
 91 |               title: "订单图标组",
 92 |               img: ""
 93 |             },
 94 |             {
 95 |               type: "memberIcon",
 96 |               title: "常用图标组",
 97 |               img: ""
 98 |             }
 99 |           ]
100 |         },
101 |         {
102 |           title: "商品类",
103 |           btns: [
104 |             {
105 |               type: "goods",
106 |               title: "商品组",
107 |               img: ""
108 |             },
109 |             {
110 |               type: "tabbar",
111 |               title: "选项卡",
112 |               img: ""
113 |             },
114 |             {
115 |               type: "guess",
116 |               title: "猜你喜欢",
117 |               img: ""
118 |             },
119 |             {
120 |               type: "goodsRanking",
121 |               title: "商品排行",
122 |               img: ""
123 |             }
124 |           ]
125 |         },
126 |         {
127 |           title: "图文类",
128 |           btns: [
129 |             {
130 |               type: "notice",
131 |               title: "公告",
132 |               img: ""
133 |             },
134 |             {
135 |               type: "search",
136 |               title: "搜索框",
137 |               img: ""
138 |             },
139 |             {
140 |               type: "fixedsearch",
141 |               title: "固定搜索框",
142 |               img: ""
143 |             },
144 |             {
145 |               type: "banner",
146 |               title: "图片轮播",
147 |               img: ""
148 |             },
149 |             {
150 |               type: "picture",
151 |               title: "图片",
152 |               img: ""
153 |             },
154 |             {
155 |               type: "hotspot",
156 |               title: "热区",
157 |               img: ""
158 |             },
159 |             {
160 |               type: "pictures",
161 |               title: "图片展播",
162 |               img: ""
163 |             },
164 |             {
165 |               type: "cube",
166 |               title: "魔方",
167 |               img: ""
168 |             },
169 |             {
170 |               type: "listmenu",
171 |               title: "列表导航",
172 |               img: ""
173 |             },
174 |             {
175 |               type: "line",
176 |               title: "辅助线",
177 |               img: ""
178 |             },
179 |             {
180 |               type: "title",
181 |               title: "标题栏",
182 |               img: ""
183 |             },
184 |             {
185 |               type: "richtext",
186 |               title: "富文本",
187 |               img: ""
188 |             },
189 |             {
190 |               type: "blank",
191 |               title: "辅助空白",
192 |               img: ""
193 |             },
194 |             {
195 |               type: "audio",
196 |               title: "音频播放",
197 |               img: ""
198 |             },
199 |             {
200 |               type: "menu",
201 |               title: "按钮组",
202 |               img: ""
203 |             },
204 |             {
205 |               type: "form",
206 |               title: "表单",
207 |               img: ""
208 |             },
209 |             {
210 |               type: "video",
211 |               title: "视频播放",
212 |               img: ""
213 |             },
214 |             {
215 |               type: "float",
216 |               title: "浮动按钮",
217 |               img: ""
218 |             }
219 |           ]
220 |         },
221 |         {
222 |           title: "营销类",
223 |           btns: [
224 |             {
225 |               type: "coupon",
226 |               title: "优惠劵",
227 |               img: ""
228 |             },
229 |             {
230 |               type: "groups",
231 |               title: "拼团",
232 |               img: ""
233 |             },
234 |             {
235 |               type: "seckill",
236 |               title: "秒杀",
237 |               img: ""
238 |             },
239 |             {
240 |               type: "countdown",
241 |               title: "倒计时",
242 |               img: ""
243 |             },
244 |             {
245 |               type: "bargain",
246 |               title: "砍价",
247 |               img: ""
248 |             },
249 |             {
250 |               type: "presell",
251 |               title: "定价膨胀",
252 |               img: ""
253 |             },
254 |             {
255 |               type: "wxlive",
256 |               title: "小程序直播",
257 |               img: ""
258 |             },
259 |             {
260 |               type: "live",
261 |               title: "直播带货",
262 |               img: ""
263 |             }
264 |           ]
265 |         },
266 |         {
267 |           title: "其他组件",
268 |           btns: [
269 |             {
270 |               type: "popadvertising",
271 |               title: "弹窗广告",
272 |               img: ""
273 |             },
274 |             {
275 |               type: "storeLocation",
276 |               title: "门店定位",
277 |               img: ""
278 |             },
279 |             {
280 |               type: "storeLise",
281 |               title: "门店信息",
282 |               img: ""
283 |             }
284 |           ]
285 |         }
286 |       ],
287 |       pageData: [],
288 |       urlList: [
289 |         {
290 |           title: "",
291 |           url: ""
292 |         }
293 |       ],
294 |       sharing: {
295 |         type: 0, // 背景类型（0：系统设置，1：自定义）
296 |         title: "", // 分享标题
297 |         appimg: "", // 公众号img
298 |         wxapptype: "", // 小程序分享类型（0：页面截图，1：自定义图片）
299 |         wxappimg: "", // 小程序分享图片
300 |         info: "" // 分享时候的简介
301 |       } //分享数据
302 |     };
303 |   },
304 |   methods: {
305 |     antClick(e) {
306 |       console.log("弹窗返回值：", e);
307 |     }
308 |   }
309 | };
310 | </script>
311 | 
312 | <!-- Add "scoped" attribute to limit CSS to this component only -->
313 | <style scoped>
314 | .hello {
315 |   /*width: 1300px;*/
316 |   width: 100%;
317 |   height: 600px;
318 |   border: 1px #42b983 solid;
319 |   background-color: #f2f4f7;
320 | }
321 | </style>
322 | 


--------------------------------------------------------------------------------
/examples/components/MyAside.vue:
--------------------------------------------------------------------------------
 1 | <!--
 2 | @Author benhailong
 3 | @Time 2020/9/25 9:37 上午
 4 | -->
 5 | <template>
 6 |   <div>
 7 |     <div style="position: fixed;background-color: #ff6900">
 8 |       <img alt="Vue logo" class="logo" src="../assets/logo3.png" />
 9 |     </div>
10 |     <div style="padding-top: 80px">
11 |       <div
12 |         :class="[action == index ? 'left-btn left-btn-active' : 'left-btn']"
13 |         v-for="(menu, index) in leftMenu"
14 |         :key="String(index)"
15 |         @click="onClick(index, menu.lable, menu.path)"
16 |       >
17 |         <i :class="menu.icon" style="margin-right: 10px"></i>
18 |         {{ menu.lable }}
19 |       </div>
20 |     </div>
21 |   </div>
22 | </template>
23 | 
24 | <script>
25 | import menu from "../json/menu.json";
26 | export default {
27 |   name: "MyAside",
28 |   props: {
29 |     action: {
30 |       type: Number,
31 |       default: 0
32 |     }
33 |   },
34 |   data() {
35 |     return {
36 |       leftMenu: []
37 |     };
38 |   },
39 |   components: {
40 |     // 第三方组件实例化
41 |   },
42 |   mounted() {
43 |     this.leftMenu = menu.menu;
44 |   },
45 |   methods: {
46 |     // 方法
47 |     onClick(index, lable, path) {
48 |       this.$emit("aclick", {
49 |         index: index,
50 |         oneName: lable,
51 |         path: path
52 |       });
53 |     }
54 |   }
55 | };
56 | </script>
57 | 
58 | <style scoped lang="scss">
59 | @import "../assets/scss/index.scss";
60 | </style>
61 | 


--------------------------------------------------------------------------------
/examples/json/diaLogImage.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "data": {
 3 |     "getBox": {
 4 |       "url": "https://private-dev.heikeit.com/addons/up_vipcard/inc/web/public/index.php?s=/Images/getBoxAll",
 5 |       "parame": {},
 6 |       "headers": { "uniacid": "2" }
 7 |     },
 8 |     "getImage": {
 9 |       "url": "https://private-dev.heikeit.com/addons/up_vipcard/inc/web/public/index.php?s=/Images/getImagesByBoxidAndPage",
10 |       "parame": {},
11 |       "headers": { "uniacid": "2" }
12 |     },
13 |     "saveImageBox": {
14 |       "url": "https://private-dev.heikeit.com/addons/up_vipcard/inc/web/public/index.php?s=/Images/saveBox",
15 |       "parame": {},
16 |       "headers": { "uniacid": "2" }
17 |     },
18 |     "delImageBox": {
19 |       "url": "https://private-dev.heikeit.com/addons/up_vipcard/inc/web/public/index.php?s=/Images/delBox",
20 |       "parame": {},
21 |       "headers": { "uniacid": "2" }
22 |     },
23 |     "updateImage": {
24 |       "url": "https://private-dev.heikeit.com/addons/up_vipcard/inc/web/public/index.php?s=/Memory/uploadfile",
25 |       "parame": {},
26 |       "headers": { "uniacid": "2" }
27 |     },
28 |     "delImage": {
29 |       "url": "https://private-dev.heikeit.com/addons/up_vipcard/inc/web/public/index.php?s=/Images/delImagesByid",
30 |       "parame": {},
31 |       "headers": { "uniacid": "2" }
32 |     }
33 |   }
34 | }
35 | 


--------------------------------------------------------------------------------
/examples/json/diaLogUrl.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "data": [
 3 |     {
 4 |       "level": 2,
 5 |       "title": "商城页面",
 6 |       "childList": [
 7 |         {
 8 |           "title": "商城链接",
 9 |           "type": "url",
10 |           "info": "注：app暂不支持的链接，在App端点击时，不跳转页面",
11 |           "childList": [
12 |             {
13 |               "title": "商城首页",
14 |               "url": "home/home"
15 |             },
16 |             {
17 |               "title": "分类",
18 |               "url": "home/list"
19 |             }
20 |           ]
21 |         }
22 |       ]
23 |     },
24 |     {
25 |       "level": 1,
26 |       "title": "商品",
27 |       "type": "list",
28 |       "info": "注：这里是商品的连接测试",
29 |       "search": {
30 |         "url": "https://private-dev.heikeit.com/addons/up_vipcard/inc/web/public/index.php?s=/Apitest/getall",
31 |         "parame": {
32 |           "token": "123456"
33 |         }
34 |       }
35 |     },
36 |     {
37 |       "level": 1,
38 |       "title": "拨打电话",
39 |       "type": "call",
40 |       "info": "添加电话号码链接"
41 |     },
42 |     {
43 |       "level": 1,
44 |       "title": "拨打电话",
45 |       "type": "call"
46 |     }
47 |   ]
48 | }
49 | 


--------------------------------------------------------------------------------
/examples/json/menu.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "menu": [
 3 |     {
 4 |       "lable": "首页",
 5 |       "icon": "el-icon-s-home",
 6 |       "path": "/",
 7 |       "name": "home"
 8 |     },
 9 |     {
10 |       "lable": "弹窗",
11 |       "icon": "el-icon-files",
12 |       "path": "/DiaLog/Index",
13 |       "name": "DiaLog"
14 |     },
15 |     {
16 |       "lable": "富文本",
17 |       "icon": "el-icon-s-order",
18 |       "path": "/Editor/MyEditor",
19 |       "name": "MyEditor"
20 |     }
21 |   ]
22 | }
23 | 


--------------------------------------------------------------------------------
/examples/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from "vue";
 2 | import App from "./App.vue";
 3 | import ElementUI from "element-ui";
 4 | // import "element-ui/lib/theme-chalk/index.css";
 5 | // 自定义配色方案
 6 | import "./assets/theme/index.css";
 7 | import openants from "./../packages/index";
 8 | 
 9 | import router from "./router";
10 | 
11 | // 引用store
12 | import store from "./store";
13 | 
14 | Vue.use(ElementUI);
15 | Vue.use(openants);
16 | 
17 | Vue.config.productionTip = false;
18 | 
19 | new Vue({
20 |   router,
21 |   store,
22 |   render: h => h(App)
23 | }).$mount("#app");
24 | 


--------------------------------------------------------------------------------
/examples/router/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from "vue";
 2 | import VueRouter from "vue-router";
 3 | 
 4 | Vue.use(VueRouter);
 5 | 
 6 | const routerPush = VueRouter.prototype.push;
 7 | VueRouter.prototype.push = function push(location) {
 8 |   return routerPush.call(this, location).catch(error => error);
 9 | };
10 | 
11 | const routes = [
12 |   {
13 |     path: "/",
14 |     component: () => import("../views/Main"),
15 |     children: [
16 |       {
17 |         path: "/",
18 |         name: "home",
19 |         component: () => import("../views/Home/Home")
20 |       },
21 |       {
22 |         path: "/DiaLog/Index",
23 |         name: "DiaLogIndex",
24 |         component: () => import("../views/DiaLog/Index")
25 |       },
26 |       {
27 |         path: "/Editor/MyEditor",
28 |         name: "MyEditor",
29 |         component: () => import("../views/Editor/MyEditor")
30 |       }
31 |     ]
32 |   }
33 | ];
34 | 
35 | const router = new VueRouter({
36 |   routes,
37 |   routerPush
38 | });
39 | 
40 | export default router;
41 | 


--------------------------------------------------------------------------------
/examples/store/getters.js:
--------------------------------------------------------------------------------
1 | const getters = {
2 |   menuindex: state => state.leftMenu.menuindex
3 | };
4 | export default getters;
5 | 


--------------------------------------------------------------------------------
/examples/store/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from "vue";
 2 | import Vuex from "vuex";
 3 | import getters from "./getters";
 4 | import leftMenu from "./modules/leftMenu";
 5 | 
 6 | Vue.use(Vuex);
 7 | 
 8 | export default new Vuex.Store({
 9 |   state: {},
10 |   mutations: {},
11 |   actions: {},
12 |   modules: {
13 |     leftMenu
14 |   },
15 |   getters
16 | });
17 | 


--------------------------------------------------------------------------------
/examples/store/modules/leftMenu.js:
--------------------------------------------------------------------------------
 1 | export default {
 2 |   state: {
 3 |     menuindex: 0
 4 |   },
 5 |   mutations: {
 6 |     setMenuIndex(state, val) {
 7 |       state.menuindex = val;
 8 |     }
 9 |   },
10 |   actions: {}
11 | };
12 | 


--------------------------------------------------------------------------------
/examples/views/DiaLog/Index.vue:
--------------------------------------------------------------------------------
  1 | <!--
  2 | @Author benhailong
  3 | @Time 2020/9/25 2:34 下午
  4 | -->
  5 | <template>
  6 |   <div style="text-align: left">
  7 |     <div class="main-top">
  8 |       <span style="color: #ff6900;font-weight: bold;">链接选择器</span>
  9 |     </div>
 10 |     <AntUrlDialog
 11 |       :dialog-visible="showDialog"
 12 |       @dialog-cancel="showDialog = false"
 13 |       @antClick="antClick"
 14 |       :ant-data="url"
 15 |       :atitle="atitle"
 16 |     ></AntUrlDialog>
 17 |     <div class="dia-inpot">
 18 |       <div class="dia-inpot-title">弹窗标题</div>
 19 |       <el-input v-model="atitle" placeholder="请输入" size="mini"></el-input>
 20 |     </div>
 21 |     <div class="dia-inpot">
 22 |       <div class="dia-inpot-title">数据</div>
 23 |       <vue-json-editor
 24 |         style="width: 600px;"
 25 |         v-model="url"
 26 |         :mode="'code'"
 27 |         lang="zh"
 28 |       ></vue-json-editor>
 29 |     </div>
 30 |     <div class="dia-inpot" v-if="returldata">
 31 |       <div class="dia-inpot-title">返回值</div>
 32 |       <pre>{{ returldata }}</pre>
 33 |     </div>
 34 |     <el-button type="primary" @click="showDialog = true" size="mini"
 35 |       >弹出链接选择器</el-button
 36 |     >
 37 |     <div class="main-top" style="margin-top: 20px">
 38 |       <span style="color: #ff6900;font-weight: bold;">图片选择器</span>
 39 |     </div>
 40 |     <div class="dia-inpot">
 41 |       <div class="dia-inpot-title">弹窗标题</div>
 42 |       <el-input
 43 |         v-model="imagetitle"
 44 |         placeholder="请输入"
 45 |         size="mini"
 46 |       ></el-input>
 47 |     </div>
 48 |     <div class="dia-inpot">
 49 |       <div class="dia-inpot-title">数据</div>
 50 |       <vue-json-editor
 51 |         style="width: 600px;"
 52 |         v-model="imageData"
 53 |         :mode="'code'"
 54 |         lang="zh"
 55 |       ></vue-json-editor>
 56 |     </div>
 57 |     <div class="dia-inpot" v-if="returnImgdata">
 58 |       <div class="dia-inpot-title">返回值</div>
 59 |       <pre>{{ returnImgdata }}</pre>
 60 |     </div>
 61 |     <AntImageDialog
 62 |       :atitle="imagetitle"
 63 |       :dialog-visible="imgShowDialog"
 64 |       @dialog-cancel="imgShowDialog = false"
 65 |       @antClick="antClickImg"
 66 |       :ant-data="imageData"
 67 |       rootUrl="http://file-wxunpor.heikeit.com/"
 68 |     ></AntImageDialog>
 69 |     <el-button type="primary" @click="imgShowDialog = true" size="mini"
 70 |       >弹出图片选择器</el-button
 71 |     >
 72 |   </div>
 73 | </template>
 74 | 
 75 | <script>
 76 | import diaLogUrl from "../../json/diaLogUrl.json";
 77 | import diaLogImage from "../../json/diaLogImage.json";
 78 | import vueJsonEditor from "vue-json-editor";
 79 | export default {
 80 |   name: "DiaLogIndex",
 81 |   props: {},
 82 |   data() {
 83 |     return {
 84 |       atitle: "链接选择器",
 85 |       showDialog: false, // 弹窗控制
 86 |       url: diaLogUrl.data,
 87 |       returldata: "",
 88 |       imgShowDialog: false, // 图片选择器相关参数
 89 |       imageData: diaLogImage.data,
 90 |       imagetitle: "图片选择器",
 91 |       returnImgdata: ""
 92 |     };
 93 |   },
 94 |   components: {
 95 |     vueJsonEditor
 96 |   },
 97 |   mounted: function() {
 98 |     // this.url = diaLogUrl.data;
 99 |   },
100 |   methods: {
101 |     // 方法
102 |     antClick(e) {
103 |       console.log("弹窗返回值：", e);
104 |       this.returldata = e;
105 |     },
106 |     antClickImg(e) {
107 |       this.returnImgdata = e;
108 |     }
109 |   }
110 | };
111 | </script>
112 | 
113 | <style lang="scss">
114 | @import "../../assets/scss/index.scss";
115 | .jsoneditor {
116 |   border: 1px solid #dddfe6 !important;
117 | }
118 | .jsoneditor-menu {
119 |   display: none !important;
120 | }
121 | </style>
122 | 


--------------------------------------------------------------------------------
/examples/views/Editor/MyEditor.vue:
--------------------------------------------------------------------------------
 1 | <!--
 2 | @Author benhailong
 3 | @Time 2020/10/27 11:02 上午
 4 | -->
 5 | <template>
 6 |   <div style="text-align: left">
 7 |     <div class="main-top">
 8 |       <span style="color: #ff6900;font-weight: bold;">富文本编辑器</span>
 9 |     </div>
10 |     <ant-editor-tinymce
11 |       ref="editor"
12 |       v-model="msg"
13 |       :ant-data="imageData"
14 |       baseUrl="http://file-wxunpor.heikeit.com/"
15 |     >
16 |     </ant-editor-tinymce>
17 |     <div class="main-top" style="margin-top: 20px;background-color: #f4f4f5">
18 |       <span style="color: #909399;font-weight: bold;">html数据展示</span>
19 |     </div>
20 |     <div>{{ msg }}</div>
21 |     <div class="main-top" style="margin-top: 20px;background-color: #f4f4f5">
22 |       <span style="color: #909399;font-weight: bold;">效果展示</span>
23 |     </div>
24 |     <div v-html="msg"></div>
25 |   </div>
26 | </template>
27 | 
28 | <script>
29 | import diaLogImage from "../../json/diaLogImage.json";
30 | export default {
31 |   name: "",
32 |   props: {},
33 |   data() {
34 |     return {
35 |       msg: "请输入内容",
36 |       imageData: diaLogImage.data
37 |     };
38 |   },
39 |   components: {
40 |     // 第三方组件实例化
41 |   },
42 |   mounted: function() {},
43 |   methods: {
44 |     // 方法
45 |   }
46 | };
47 | </script>
48 | 
49 | <style scoped lang="scss">
50 | @import "../../assets/scss/index.scss";
51 | </style>
52 | 


--------------------------------------------------------------------------------
/examples/views/Home/Home.vue:
--------------------------------------------------------------------------------
 1 | <!--
 2 | @Author benhailong
 3 | @Time 2020/9/25 2:33 下午
 4 | -->
 5 | <template>
 6 |   <div>
 7 |     <div class="main-top">
 8 |       <span style="color: #ff6900;font-weight: bold"
 9 |         >欢迎使用OpenAnts For Vue，这里是我们的功能演示站点</span
10 |       ><br />
11 |       <span style="font-weight: bold">Git地址：</span
12 |       >https://github.com/benhailong/openants-for-vue<br />
13 |       <span style="font-weight: bold">文档：</span
14 |       >http://docs.unpor.com/docs/openants_for_vue/openants_for_vue-1c9f9qf36cnl9<br />
15 |       <span style="font-weight: bold">作者博客：</span
16 |       >https://www.benhailong.com<br />
17 |       <span style="font-weight: bold">作者微信：</span>bhl10001<br />
18 |     </div>
19 |   </div>
20 | </template>
21 | 
22 | <script>
23 | export default {
24 |   name: "Home",
25 |   props: {},
26 |   data() {
27 |     return {};
28 |   },
29 |   components: {
30 |     // 第三方组件实例化
31 |   },
32 |   mounted: function() {},
33 |   methods: {
34 |     // 方法
35 |   }
36 | };
37 | </script>
38 | 
39 | <style scoped lang="scss">
40 | @import "../../assets/scss/index.scss";
41 | </style>
42 | 


--------------------------------------------------------------------------------
/examples/views/Main.vue:
--------------------------------------------------------------------------------
 1 | <!--
 2 | @Author benhailong
 3 | @Time 2020/9/25 2:32 下午
 4 | -->
 5 | <template>
 6 |   <div>
 7 |     <router-view></router-view>
 8 |   </div>
 9 | </template>
10 | 
11 | <script>
12 | export default {
13 |   name: "mymain",
14 |   props: {},
15 |   data() {
16 |     return {};
17 |   },
18 |   components: {
19 |     // 第三方组件实例化
20 |   },
21 |   mounted: function() {},
22 |   methods: {
23 |     // 方法
24 |   }
25 | };
26 | </script>
27 | 
28 | <style scoped lang="scss">
29 | @import "../assets/scss/index.scss";
30 | </style>
31 | 


--------------------------------------------------------------------------------
/lib/demo.html:
--------------------------------------------------------------------------------
 1 | <meta charset="utf-8">
 2 | <title>openants demo</title>
 3 | <script src="./openants.umd.js"></script>
 4 | 
 5 | <link rel="stylesheet" href="./openants.css">
 6 | 
 7 | 
 8 | <script>
 9 | console.log(openants)
10 | </script>
11 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "openants",
 3 |   "version": "0.2.7",
 4 |   "private": false,
 5 |   "author": "openants",
 6 |   "license": "MIT",
 7 |   "description": "此项目是OpenAnts团队开源的基于ElementUI的VUE组件",
 8 |   "main": "lib/openants.umd.min.js",
 9 |   "scripts": {
10 |     "serve": "vue-cli-service serve",
11 |     "build": "vue-cli-service build",
12 |     "build-lib": "vue-cli-service build --target lib --name openants --dest lib packages/index.js"
13 |   },
14 |   "homepage": "https://www.openants.com",
15 |   "repository": {
16 |     "type": "git",
17 |     "url": "https://github.com/benhailong/openants-for-vue"
18 |   },
19 |   "keywords": [
20 |     "openants",
21 |     "elementui"
22 |   ],
23 |   "bugs": {
24 |     "url": "https://github.com/benhailong/openants-for-vue/issues"
25 |   },
26 |   "dependencies": {
27 |     "@tinymce/tinymce-vue": "^3.2.3",
28 |     "axios": "^0.21.1",
29 |     "core-js": "^3.6.5",
30 |     "element-ui": "^2.13.2",
31 |     "tinymce": "^5.4.2",
32 |     "vue": "^2.6.12",
33 |     "vue-axios": "^2.1.5",
34 |     "vue-json-editor": "^1.4.2",
35 |     "vue-router": "^3.4.4",
36 |     "sass-loader": "^8.0.2",
37 |     "vuex": "^3.5.1"
38 |   },
39 |   "devDependencies": {
40 |     "@vue/cli-plugin-babel": "^4.5.8",
41 |     "@vue/cli-plugin-eslint": "^4.5.8",
42 |     "@vue/cli-service": "^4.5.8",
43 |     "@vue/eslint-config-standard": "^5.1.2",
44 |     "@vue/test-utils": "^1.0.0-beta.33",
45 |     "babel-core": "7.0.0-bridge.0",
46 |     "babel-eslint": "^10.1.0",
47 |     "babel-jest": "^25.4.0",
48 |     "css-loader": "^4.3.0",
49 |     "eslint": "^6.7.2",
50 |     "eslint-config-vuetify": "^0.6.0",
51 |     "eslint-plugin-vue": "^6.2.2",
52 |     "sass": "^1.26.3",
53 |     "sass-loader": "^8.0.2",
54 |     "vue-cli-plugin-vuetify": "^0.4.6",
55 |     "vue-template-compiler": "^2.6.12",
56 |     "vuetify-loader": "^1.4.3"
57 |   },
58 |   "peerDependencies": {
59 |     "vue": "^2.5.2",
60 |     "@packy-tang/vue-tinymce": "^1.1.0"
61 |   },
62 |   "eslintConfig": {
63 |     "root": true,
64 |     "env": {
65 |       "node": true
66 |     },
67 |     "extends": [
68 |       "plugin:vue/essential"
69 |     ],
70 |     "parserOptions": {
71 |       "parser": "babel-eslint"
72 |     },
73 |     "rules": {}
74 |   },
75 |   "browserslist": [
76 |     "> 1%",
77 |     "last 2 versions",
78 |     "not dead"
79 |   ]
80 | }
81 | 


--------------------------------------------------------------------------------
/packages/datePicker/index.js:
--------------------------------------------------------------------------------
1 | import datePicker from './src/datePicker.vue';
2 | 
3 | /* istanbul ignore next */
4 | datePicker.install = function(Vue) {
5 |     Vue.component(datePicker.name, datePicker);
6 | };
7 | 
8 | export default datePicker;
9 | 


--------------------------------------------------------------------------------
/packages/datePicker/src/datePicker.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <!--    <button style="background-color: #ff0000;color: #ffffff">{{ text }}</button>-->
 4 |     <!--    <el-button type="success">{{ text }}</el-button>-->
 5 |     <!--    <el-antimage :src="banner"></el-antimage>-->
 6 |     <!--    <div-->
 7 |     <!--      class="background-42b983"-->
 8 |     <!--      :style="{-->
 9 |     <!--        width: '76px',-->
10 |     <!--        height: '76px',-->
11 |     <!--        background: 'url(' + banner + ')'-->
12 |     <!--      }"-->
13 |     <!--    ></div>-->
14 |     <!--    <div class="background-42b983">{{ text }}</div>-->
15 |     <div class="tttt">{{ text }}</div>
16 |   </div>
17 | </template>
18 | 
19 | <script>
20 | import banner from "../../theme-default/images/icon/banner.png";
21 | export default {
22 |   name: "datePicker", // 组件的name属性（后面有提到这里有个坑）
23 |   props: {
24 |     text: {
25 |       // 文本
26 |       type: String,
27 |       default() {
28 |         return "";
29 |       }
30 |     }
31 |   },
32 |   data() {
33 |     return {
34 |       banner: banner
35 |     };
36 |   }
37 | };
38 | </script>
39 | 
40 | <style lang="scss" scoped>
41 | .tttt {
42 |   background-color: #fb6638;
43 | }
44 | </style>
45 | 


--------------------------------------------------------------------------------
/packages/dialog/image/index.js:
--------------------------------------------------------------------------------
1 | import AntImageDialog from "./src/main";
2 | 
3 | /* istanbul ignore next */
4 | AntImageDialog.install = function(Vue) {
5 |   Vue.component(AntImageDialog.name, AntImageDialog);
6 | };
7 | 
8 | export default AntImageDialog;
9 | 


--------------------------------------------------------------------------------
/packages/dialog/image/src/main.vue:
--------------------------------------------------------------------------------
  1 | <!--url选择弹窗组件-->
  2 | <template>
  3 |   <el-dialog
  4 |     :title="atitle"
  5 |     :visible.sync="dialogVisible"
  6 |     :before-close="cancel"
  7 |   >
  8 |     <div class="dialog-content ">
  9 |       <div class="dialog-content-left">
 10 |         <el-scrollbar>
 11 |           <div style="height: 54vh" class="no-huakuai">
 12 |             <div
 13 |               :key="String(0)"
 14 |               @click="selectOneClick({ id: 0, title: '全部' })"
 15 |             >
 16 |               <div
 17 |                 :class="[
 18 |                   'dialog-left-list',
 19 |                   select == 0 ? 'dialog-left-list-ones' : 'dialog-left-list-one'
 20 |                 ]"
 21 |               >
 22 |                 全部
 23 |               </div>
 24 |             </div>
 25 |             <template v-for="ant in box">
 26 |               <div :key="String(ant.id)" @click="selectOneClick(ant)">
 27 |                 <div
 28 |                   :class="[
 29 |                     'dialog-left-list',
 30 |                     select == ant.id
 31 |                       ? 'dialog-left-list-ones'
 32 |                       : 'dialog-left-list-one'
 33 |                   ]"
 34 |                   style="display: flex;justify-content: space-between"
 35 |                 >
 36 |                   <div>{{ ant.name }}</div>
 37 |                   <div v-if="select == ant.id" style="display: flex;">
 38 |                     <div @click="updateBox(ant)">
 39 |                       <i class="el-icon-edit"></i>
 40 |                     </div>
 41 |                     <div style="width: 10px;text-align: center">|</div>
 42 |                     <div @click="delbox(ant.id)">
 43 |                       <i class="el-icon-delete"></i>
 44 |                     </div>
 45 |                     <div style="width: 10px"></div>
 46 |                   </div>
 47 |                 </div>
 48 |               </div>
 49 |             </template>
 50 |           </div>
 51 |         </el-scrollbar>
 52 |         <div style="text-align: center">
 53 |           <el-popover placement="top" width="160" v-model="visible">
 54 |             <p style="margin: 0">添加分组</p>
 55 |             <el-input
 56 |               v-model="boxname"
 57 |               placeholder="请输入分组名称"
 58 |               style="margin-top: 10px;margin-bottom: 10px"
 59 |               size="mini"
 60 |             ></el-input>
 61 |             <div style="text-align: right; margin: 0">
 62 |               <el-button size="mini" type="text" @click="visible = false"
 63 |                 >取消</el-button
 64 |               >
 65 |               <el-button type="primary" size="mini" @click="saveBox(0)"
 66 |                 >确定</el-button
 67 |               >
 68 |             </div>
 69 |             <el-button slot="reference" size="mini" style="margin-top: 5px"
 70 |               >添加分组</el-button
 71 |             >
 72 |           </el-popover>
 73 |         </div>
 74 |       </div>
 75 | 
 76 |       <div class="dialog-content-right">
 77 |         <el-scrollbar>
 78 |           <div style="height: 58vh" class="huakuai">
 79 |             <div
 80 |               style="display: flex;justify-content: space-between;margin-bottom: 10px"
 81 |             >
 82 |               <el-input
 83 |                 placeholder="搜索图片名称"
 84 |                 v-model="search"
 85 |                 size="mini"
 86 |                 style="width: 200px"
 87 |                 @keyup.enter.native="getImagesByBoxidAndPage()"
 88 |               >
 89 |                 <i slot="suffix" class="el-input__icon el-icon-search"></i>
 90 |               </el-input>
 91 |               <el-upload
 92 |                 class="upload-demo"
 93 |                 :action="updateImage.url"
 94 |                 :headers="updateImage.headers"
 95 |                 :data="updateData"
 96 |                 multiple
 97 |                 :file-list="imageList"
 98 |                 :show-file-list="true"
 99 |                 :before-upload="beforeAvatarUpload"
100 |                 :on-success="uploadSuccess"
101 |               >
102 |                 <el-button size="small" type="primary">点击上传</el-button>
103 |               </el-upload>
104 |             </div>
105 |             <div class="image-dialog-imglist">
106 |               <div
107 |                 class="block dis"
108 |                 v-for="(img, index) in imageData"
109 |                 :key="String(index)"
110 |               >
111 |                 <!-- 选中之后的方法 -->
112 |                 <div
113 |                   class="image-dialog-imglist-sl"
114 |                   v-if="changeImage == index"
115 |                   @click="changeImage = -1"
116 |                 >
117 |                   <i class="el-icon-success"></i>
118 |                 </div>
119 |                 <!-- 鼠标hover显示 如果鼠标点击选中了，不需要显示下面的部分内容 s-->
120 |                 <i
121 |                   class="el-icon-error image-dialog-del"
122 |                   v-if="changeImage != index"
123 |                   @click="delImage(img)"
124 |                 ></i>
125 |                 <div
126 |                   class="image-dialog-imglist-hover"
127 |                   v-if="changeImage != index"
128 |                   @click="changeImage = index"
129 |                 >
130 |                   {{ img.width }} * {{ img.high }}
131 |                 </div>
132 |                 <!-- 鼠标hover显示 如果鼠标点击选中了，不需要显示下面的部分内容 e-->
133 |                 <el-image
134 |                   style="width: 110px; height: 110px;border-radius: 5px"
135 |                   :src="rootUrl + img.url"
136 |                   fit="contain"
137 |                   @click="changeImage = index"
138 |                 ></el-image>
139 |                 <div
140 |                   class="demonstration"
141 |                   style="text-align: center"
142 |                   @click="changeImage = index"
143 |                 >
144 |                   {{ img.name | ellipsis }}
145 |                 </div>
146 |               </div>
147 |             </div>
148 |             <div class="block" style="text-align: right;margin-top: 15px">
149 |               <el-pagination
150 |                 layout="prev, pager, next"
151 |                 :total="total"
152 |                 @current-change="pageGet"
153 |               >
154 |               </el-pagination>
155 |             </div>
156 |           </div>
157 |         </el-scrollbar>
158 |       </div>
159 |     </div>
160 |     <span slot="footer" class="dialog-footer">
161 |       <el-button @click="cancel" size="mini">取 消</el-button>
162 |       <el-button type="primary" size="mini" @click="retImage">确 定</el-button>
163 |     </span>
164 |   </el-dialog>
165 | </template>
166 | <script>
167 | import {
168 |   getBoxList,
169 |   getImagesByBoxidAndPage,
170 |   saveBox,
171 |   delBox,
172 |   delImageById
173 | } from "../../../js/do";
174 | export default {
175 |   name: "AntImageDialog",
176 |   props: {
177 |     dialogVisible: {
178 |       type: Boolean,
179 |       default: false
180 |     },
181 |     atitle: {
182 |       // 弹窗的标题
183 |       type: String,
184 |       default: "图片选择器"
185 |     },
186 |     antData: {
187 |       // 弹窗的数据
188 |       type: Object
189 |     },
190 |     rootUrl: {
191 |       // 图片的连接
192 |       type: String
193 |     },
194 |     reqest: {
195 |       // 额外参数，用于点击确认时候返回
196 |       type: String,
197 |       default: ""
198 |     }
199 |   },
200 |   data() {
201 |     return {
202 |       // 需要的数据S
203 |       box: "",
204 |       search: "", // 搜索词
205 |       boxname: "", // 分组名称
206 |       select: 0, // 当前选中的一级目录
207 |       page: 1, // 当前页面，只有在需要分页查询的时候才会用到
208 |       imageData: "", // 获取到的图片数据
209 |       total: 1, // 总条数，只有在需要分页查询的时候才会用到
210 |       imageList: [],
211 |       updateImage: this.antData.updateImage,
212 |       updateData: this.antData.updateImage.parame,
213 |       changeImage: -1,
214 |       // 需要的数据E
215 |       visible: false,
216 |       visible2: true,
217 |       randomString: "", // table 的随机数不用传
218 |       selectTwo: 0, // 当前选中的二级目录
219 |       rightData: {},
220 |       retJson: {}, // 最终返回的json
221 |       call: "", // 手机号码
222 |       changeUrl: 0
223 |     };
224 |   },
225 |   filters: {
226 |     ellipsis(value) {
227 |       if (!value) return "";
228 |       if (value.length > 8) {
229 |         return value.slice(0, 8) + "...";
230 |       }
231 |       return value;
232 |     }
233 |   },
234 |   methods: {
235 |     pageGet(val) {
236 |       console.log(`当前页: ${val}`);
237 |       this.page = val;
238 |       this.getImagesByBoxidAndPage();
239 |     },
240 |     uploadSuccess() {
241 |       console.log("sss");
242 |       this.imageList = [];
243 |       this.getImagesByBoxidAndPage();
244 |     },
245 |     // 图片上传
246 |     beforeAvatarUpload(file) {
247 |       console.log("beforeAvatarUpload");
248 |       var arr = ["image/jpeg", "image/png", "image/gif"];
249 | 
250 |       var fileType = file.type;
251 |       var isJPG = false;
252 | 
253 |       arr.forEach(item => {
254 |         if (item === fileType) {
255 |           isJPG = true;
256 |           return; // 跳出本次循环
257 |         }
258 |       });
259 | 
260 |       const isLt2M = file.size / 1024 / 1024 < 2;
261 |       if (!isJPG) {
262 |         this.$message.error("上传图片只能是 JPG,JPEG,PNG,GIF 格式!");
263 |       }
264 |       if (!isLt2M) {
265 |         this.$message.error("上传头像图片大小不能超过 2MB!");
266 |       }
267 |       return isJPG && isLt2M;
268 |     },
269 |     // 修改左侧分类名称
270 |     updateBox(e) {
271 |       this.$prompt("修改分组名称", "", {
272 |         confirmButtonText: "确定",
273 |         cancelButtonText: "取消",
274 |         inputPattern: /\S/,
275 |         inputValue: e.name,
276 |         inputErrorMessage: "分组名称不能为空"
277 |       })
278 |         .then(({ value }) => {
279 |           this.saveBox(e.id, value);
280 |         })
281 |         .catch(() => {
282 |           this.$message({
283 |             type: "info",
284 |             message: "取消修改"
285 |           });
286 |         });
287 |     },
288 |     // 删除分组
289 |     delbox(e) {
290 |       this.$confirm("你将永久删除该图片分组, 是否继续?", "提示", {
291 |         confirmButtonText: "确定",
292 |         cancelButtonText: "取消",
293 |         type: "warning"
294 |       })
295 |         .then(() => {
296 |           var boxData = this.antData.delImageBox;
297 |           let _this = this;
298 |           // 删除图片分组
299 |           delBox(boxData.url, boxData.parame, boxData.headers, e, res => {
300 |             _this.visible = false;
301 |             if (res.code == 0) {
302 |               _this.$message({
303 |                 message: "删除成功",
304 |                 type: "success"
305 |               });
306 |               _this.getBoxList();
307 |             }
308 |           });
309 |         })
310 |         .catch(() => {
311 |           this.$message({
312 |             type: "info",
313 |             message: "已取消删除"
314 |           });
315 |         });
316 |     },
317 |     // 删除图片
318 |     delImage(e) {
319 |       this.$confirm("你将永久删除该图片, 是否继续?", "提示", {
320 |         confirmButtonText: "确定",
321 |         cancelButtonText: "取消",
322 |         type: "warning"
323 |       })
324 |         .then(() => {
325 |           this.delImageById(e);
326 |         })
327 |         .catch(() => {
328 |           this.$message({
329 |             type: "info",
330 |             message: "已取消删除"
331 |           });
332 |         });
333 |     },
334 |     cancel() {
335 |       this.$emit("dialog-cancel");
336 |     },
337 | 
338 |     // 点击了没有二级的一级菜单
339 |     selectOneClick(e) {
340 |       this.select = e.id;
341 |       this.updateData.boxid = e.id;
342 |       console.log(this.updateData);
343 |       // 根据点击查询数据
344 |       this.getImagesByBoxidAndPage();
345 |     },
346 |     change(e) {
347 |       console.log("change", e);
348 |       if (e.type != "list") {
349 |         this.rightData = e;
350 |       } else {
351 |         this.currentPage = 1;
352 |         this.rightData = e;
353 |         this.rightData.childList = [];
354 |         this.getUrlList();
355 |       }
356 |     },
357 |     // 获取所有分组列表
358 |     getBoxList() {
359 |       var boxData = this.antData.getBox;
360 |       let _this = this;
361 |       // 获取图片分类
362 |       getBoxList(boxData.url, boxData.parame, boxData.headers, res => {
363 |         _this.box = res.data;
364 |       });
365 |     },
366 |     // 搜索图片列表
367 |     getImagesByBoxidAndPage() {
368 |       var imagePostData = this.antData.getImage;
369 |       let _this = this;
370 |       getImagesByBoxidAndPage(
371 |         imagePostData.url,
372 |         imagePostData.parame,
373 |         imagePostData.headers,
374 |         _this.select,
375 |         _this.search,
376 |         _this.page,
377 |         res => {
378 |           if (res.code == 0) {
379 |             _this.imageData = res.data.list;
380 |             _this.total = res.data.total;
381 |           }
382 |         }
383 |       );
384 |     },
385 |     saveBox(id, name = "") {
386 |       var addImageBox = this.antData.saveImageBox;
387 |       let _this = this;
388 |       if (name == "") {
389 |         name = this.boxname;
390 |       }
391 |       saveBox(
392 |         addImageBox.url,
393 |         addImageBox.parame,
394 |         addImageBox.headers,
395 |         id,
396 |         name,
397 |         res => {
398 |           console.log(res);
399 |           _this.visible = false;
400 |           if (res.code == 0) {
401 |             _this.$message({
402 |               message: "保存成功",
403 |               type: "success"
404 |             });
405 |             _this.getBoxList();
406 |           }
407 |         }
408 |       );
409 |     },
410 |     delImageById(e) {
411 |       var delImage = this.antData.delImage;
412 |       let _this = this;
413 |       delImageById(
414 |         delImage.url,
415 |         delImage.parame,
416 |         delImage.headers,
417 |         e.id,
418 |         res => {
419 |           console.log(res);
420 |           _this.visible = false;
421 |           if (res.code == 0) {
422 |             _this.$message({
423 |               message: "删除成功",
424 |               type: "success"
425 |             });
426 |             _this.getImagesByBoxidAndPage();
427 |           }
428 |         }
429 |       );
430 |     },
431 |     // 提交将数据返回
432 |     retImage() {
433 |       // 如果是电话
434 |       this.$emit("antClick", {
435 |         img: this.imageData[this.changeImage],
436 |         root: this.rootUrl,
437 |         reqest: this.reqest
438 |       });
439 |       this.$emit("dialog-cancel");
440 |     }
441 |   },
442 |   mounted() {
443 |     this.getBoxList();
444 |     this.updateData.boxid = 0;
445 |     console.log(this.updateData);
446 |     this.getImagesByBoxidAndPage();
447 |   }
448 | };
449 | </script>
450 | 
451 | <style lang="scss" scoped>
452 | @import "../../../theme-default/css/ants.css";
453 | @import "../../../theme-default/css/diy.css";
454 | </style>
455 | 


--------------------------------------------------------------------------------
/packages/dialog/url/index.js:
--------------------------------------------------------------------------------
1 | import AntUrlDialog from "./src/main";
2 | 
3 | /* istanbul ignore next */
4 | AntUrlDialog.install = function(Vue) {
5 |   Vue.component(AntUrlDialog.name, AntUrlDialog);
6 | };
7 | 
8 | export default AntUrlDialog;
9 | 


--------------------------------------------------------------------------------
/packages/dialog/url/src/main.vue:
--------------------------------------------------------------------------------
  1 | <!--url选择弹窗组件-->
  2 | <template>
  3 |   <el-dialog
  4 |     :title="atitle"
  5 |     :visible.sync="dialogVisible"
  6 |     :before-close="cancel"
  7 |   >
  8 |     <div class="dialog-content ">
  9 |       <div class="dialog-content-left">
 10 |         <el-scrollbar>
 11 |           <div style="height: 58vh" class="no-huakuai">
 12 |             <template v-for="(ant, index) in antData">
 13 |               <div :key="String(index)" v-if="ant.level == 2">
 14 |                 <div
 15 |                   class="dialog-left-list"
 16 |                   @click="selectOneClick(index, ant)"
 17 |                 >
 18 |                   <i class="el-icon-caret-bottom" v-if="select == index"></i>
 19 |                   <i class="el-icon-caret-right" v-else></i>
 20 |                   {{ ant.title }}
 21 |                 </div>
 22 |                 <template v-if="select == index">
 23 |                   <div
 24 |                     v-for="(cl, indext) in ant.childList"
 25 |                     :class="[
 26 |                       'dialog-left-list',
 27 |                       selectTwo == indext
 28 |                         ? 'dialog-left-list-twos'
 29 |                         : 'dialog-left-list-two'
 30 |                     ]"
 31 |                     :key="String(indext)"
 32 |                     @click="selectTwoClick(indext, cl)"
 33 |                   >
 34 |                     {{ cl.title }}
 35 |                   </div>
 36 |                 </template>
 37 |               </div>
 38 |               <div
 39 |                 :key="String(index)"
 40 |                 v-if="ant.level == 1"
 41 |                 @click="selectOneClick(index, ant)"
 42 |               >
 43 |                 <div
 44 |                   :class="[
 45 |                     'dialog-left-list',
 46 |                     select == index
 47 |                       ? 'dialog-left-list-ones'
 48 |                       : 'dialog-left-list-one'
 49 |                   ]"
 50 |                 >
 51 |                   {{ ant.title }}
 52 |                 </div>
 53 |               </div>
 54 |             </template>
 55 |           </div>
 56 |         </el-scrollbar>
 57 |       </div>
 58 | 
 59 |       <div class="dialog-content-right">
 60 |         <el-scrollbar>
 61 |           <div style="height: 58vh" class="huakuai">
 62 |             <div
 63 |               class="dialog-content-right-alert"
 64 |               v-if="rightData.info != '' && rightData.info != undefined"
 65 |             >
 66 |               <el-alert :title="rightData.info" type="info" :closable="false">
 67 |               </el-alert>
 68 |             </div>
 69 |             <div v-if="rightData.type == 'call'">
 70 |               <!--             拨打电话-->
 71 |               <el-input
 72 |                 placeholder=""
 73 |                 v-model="call"
 74 |                 size="mini"
 75 |                 class="dialog-content-right-alert"
 76 |               >
 77 |                 <template slot="prepend">电话</template>
 78 |               </el-input>
 79 |             </div>
 80 |             <div v-if="rightData.type == 'list'" style="text-align: left">
 81 |               <!--             列表-->
 82 |               <el-input
 83 |                 placeholder=""
 84 |                 v-model="search"
 85 |                 size="mini"
 86 |                 style="width: 40%;margin-bottom: 10px"
 87 |               >
 88 |                 <el-button
 89 |                   slot="append"
 90 |                   icon="el-icon-search"
 91 |                   @click="getUrlList()"
 92 |                 ></el-button>
 93 |               </el-input>
 94 |               <el-table
 95 |                 v-bind:data="rightData.childList"
 96 |                 style="width: 100%"
 97 |                 border
 98 |                 size="mini"
 99 |                 height="375"
100 |                 :key="randomString"
101 |                 ref="singleTable"
102 |                 highlight-current-row
103 |                 row-key="id00001"
104 |                 :row-style="iRowStyle"
105 |                 :cell-style="iCellStyle"
106 |                 :header-row-style="iHeaderRowStyle"
107 |                 :header-cell-style="iHeaderCellStyle"
108 |                 @current-change="handleCurrentChange"
109 |               >
110 |                 <el-table-column type="index" width="50"> </el-table-column>
111 |                 <el-table-column prop="aname" label="名称"> </el-table-column>
112 |                 <el-table-column label="操作" width="80" align="center">
113 |                   <template>
114 |                     <el-button size="mini" type="text">选择</el-button>
115 |                   </template>
116 |                 </el-table-column>
117 |               </el-table>
118 |               <el-pagination
119 |                 layout="prev, pager, next"
120 |                 :page-size="15"
121 |                 :total="total"
122 |                 @current-change="pageGet"
123 |               >
124 |               </el-pagination>
125 |             </div>
126 |             <div v-if="rightData.type == 'url'">
127 |               <!--             普通url-->
128 |               <div>
129 |                 <div
130 |                   style="font-size: 14px;margin-bottom: 10px;text-align: left"
131 |                 >
132 |                   <i
133 |                     class="el-icon-tickets"
134 |                     style="color: #fb6638;margin-right: 10px"
135 |                   ></i
136 |                   >{{ rightData.title }}
137 |                 </div>
138 |                 <div class="ant-flex">
139 |                   <div
140 |                     v-for="(c, index) in rightData.childList"
141 |                     :key="String(index)"
142 |                     class="ant-dialog-btn"
143 |                     :style="{
144 |                       border:
145 |                         changeUrl == index
146 |                           ? '1px solid #fb6638'
147 |                           : '1px #e5e5e5 solid'
148 |                     }"
149 |                     @click="changeUrl = index"
150 |                   >
151 |                     {{ c.title }}
152 |                     <i
153 |                       v-if="changeUrl == index"
154 |                       class="el-icon-success"
155 |                       style="color: #fb6638;font-size: 16px;position: absolute;margin: 24px auto auto 12px"
156 |                     ></i>
157 |                   </div>
158 |                 </div>
159 |               </div>
160 |             </div>
161 |           </div>
162 |         </el-scrollbar>
163 |       </div>
164 |     </div>
165 |     <span slot="footer" class="dialog-footer">
166 |       <el-button @click="cancel" size="mini">取 消</el-button>
167 |       <el-button type="primary" size="mini" @click="ok()">确 定</el-button>
168 |     </span>
169 |   </el-dialog>
170 | </template>
171 | <script>
172 | import axios from "axios";
173 | export default {
174 |   name: "AntUrlDialog",
175 |   props: {
176 |     dialogVisible: {
177 |       type: Boolean,
178 |       default: false
179 |     },
180 |     atitle: {
181 |       // 弹窗的标题
182 |       type: String,
183 |       default: "链接选择"
184 |     },
185 |     antData: {
186 |       // 弹窗的标题
187 |       type: Array
188 |     }
189 |   },
190 |   data() {
191 |     return {
192 |       randomString: "", // table 的随机数不用传
193 |       select: 0, // 当前选中的一级目录
194 |       selectTwo: 0, // 当前选中的二级目录
195 |       rightData: {},
196 |       retJson: {}, // 最终返回的json
197 |       call: "", // 手机号码
198 |       changeUrl: 0,
199 |       search: "", // 搜索词
200 |       currentPage: 1, // 当前页面，只有在需要分页查询的时候才会用到
201 |       total: 1 // 总条数，只有在需要分页查询的时候才会用到
202 |     };
203 |   },
204 |   methods: {
205 |     pageGet(e) {
206 |       console.log(e);
207 |       this.currentPage = e;
208 |       this.getUrlList();
209 |     },
210 |     // 选择
211 |     handleCurrentChange(val) {
212 |       console.log("选中了", val);
213 |       this.retJson["type"] = "list";
214 |       this.retJson["data"] = val;
215 |     },
216 |     // 修改行高
217 |     iRowStyle: function({ row, rowIndex }) {
218 |       return "height:35px;";
219 |     },
220 |     iHeaderRowStyle: function({ row, rowIndex }) {
221 |       return "height:35px";
222 |     },
223 |     iCellStyle: function({ row, column, rowIndex, columnIndex }) {
224 |       return "padding:0px";
225 |     },
226 |     iHeaderCellStyle: function({ row, column, rowIndex, columnIndex }) {
227 |       return "padding:0px;background:#F7F7F7";
228 |     },
229 |     cancel() {
230 |       this.$emit("dialog-cancel");
231 |     },
232 |     // 点击了二级菜单
233 |     selectTwoClick(index, e) {
234 |       this.selectTwo = index;
235 |       this.change(e);
236 |     },
237 |     // 点击了没有二级的一级菜单
238 |     selectOneClick(index, e) {
239 |       this.selectTwo = 0;
240 |       this.select = index;
241 |       if (e.level == 1) {
242 |         this.change(e);
243 |       } else {
244 |         this.change(e.childList[0]);
245 |       }
246 |     },
247 |     change(e) {
248 |       console.log("change", e);
249 |       if (e.type != "list") {
250 |         this.rightData = e;
251 |       } else {
252 |         this.currentPage = 1;
253 |         this.rightData = e;
254 |         this.rightData.childList = [];
255 |         this.getUrlList();
256 |       }
257 |     },
258 |     // 搜索获取列表
259 |     getUrlList() {
260 |       var data = new FormData();
261 | 
262 |       let obj = JSON.parse(JSON.stringify(this.rightData.search.parame));
263 |       for (var i in obj) {
264 |         var property = obj[i];
265 |         data.append(i, property);
266 |       }
267 | 
268 |       data.set("search", this.search); // 搜索关键词
269 |       data.set("pageSize", 15); // 每页显示15条
270 |       data.set("currentPage", this.currentPage); // 当前页m面
271 | 
272 |       let _this = this;
273 | 
274 |       axios.post(this.rightData.search.url, data).then(re => {
275 |         // axios.post(url, data1).then(re => {
276 |         var res = re.data;
277 |         console.log(res);
278 |         if (res.code == 0) {
279 |           // _this.$set(_this.rightData, "childList", res.data.list);
280 |           _this.randomString = new Date().toString();
281 |           _this.rightData.childList = res.data.list;
282 |           console.log(
283 |             "当前" + this.currentPage + "返回数据：",
284 |             _this.rightData.childList
285 |           );
286 | 
287 |           _this.total = res.data.total;
288 |         }
289 |       });
290 |     },
291 |     // 提交将数据返回
292 |     ok() {
293 |       // 如果是电话
294 |       if (this.rightData.type == "call") {
295 |         this.retJson = { type: "call", data: { phone: this.call } };
296 |       } else if (this.rightData.type == "url") {
297 |         this.retJson["type"] = "url";
298 |         this.retJson["data"] = this.rightData.childList[this.changeUrl];
299 |       }
300 | 
301 |       this.$emit("antClick", this.retJson);
302 |       this.$emit("dialog-cancel");
303 |     }
304 |   },
305 |   mounted() {
306 |     if (this.antData[0].level == 1) {
307 |       this.change(this.antData[0]);
308 |     } else {
309 |       this.change(this.antData[0].childList[0]);
310 |     }
311 |   }
312 | };
313 | </script>
314 | 
315 | <style lang="scss" scoped>
316 | @import "../../../theme-default/css/ants.css";
317 | @import "../../../theme-default/css/diy.css";
318 | </style>
319 | 


--------------------------------------------------------------------------------
/packages/diy/index.js:
--------------------------------------------------------------------------------
1 | import AntDiy from './src/main';
2 | 
3 | /* istanbul ignore next */
4 | AntDiy.install = function(Vue) {
5 |     Vue.component(AntDiy.name, AntDiy);
6 | };
7 | 
8 | export default AntDiy;
9 | 


--------------------------------------------------------------------------------
/packages/diy/src/common/member.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div
 3 |     class="diy-mamber"
 4 |     :style="{
 5 |       background: 'linear-gradient(90deg,' + bgColorOne + ',' + bgColorTwo + ')'
 6 |     }"
 7 |   >
 8 |     <div class="menber-header">
 9 |       <img :src="personImg" alt="" class="person-img" />
10 |       <div>
11 |         <div class="u-name">微信会员小花</div>
12 |         <div class="u-level">
13 |           <img :src="personInfoVip" alt="" class="level-icon" />
14 |           <div>普通会员</div>
15 |         </div>
16 |         <div class="coupon">
17 |           <p>8张券待使用</p>
18 |           <div class="es-btn-default-o">点击查看</div>
19 |         </div>
20 |         <img :src="personInfoCard" alt="" class="coupon-bg" />
21 |       </div>
22 |     </div>
23 |     <div class="balance">
24 |       <div class="flex" style="border-right: 2px solid rgb(255, 255, 255);">
25 |         <img :src="personInfoBalance" alt="" class="icon-balance" />
26 |         <span class="bold">余额：8888</span>
27 |       </div>
28 |       <div class="flex">
29 |         <img :src="personInfoCoupon" alt="" class="icon-balance" />
30 |         <span class="bold">积分：8888</span>
31 |       </div>
32 |     </div>
33 |   </div>
34 | </template>
35 | 
36 | <script>
37 | import personImg from "../../../theme-default/images/person_img.jpg";
38 | import personInfoVip from "../../../theme-default/images/person_info_vip.png";
39 | import personInfoCard from "../../../theme-default/images/person_info_card.png";
40 | import personInfoBalance from "../../../theme-default/images/person_info_balance.png";
41 | import personInfoCoupon from "../../../theme-default/images/person_info_coupon.png";
42 | export default {
43 |   name: "mamber",
44 |   props: {
45 |     bgColorOne: {
46 |       type: String,
47 |       default: "#fd463e"
48 |     },
49 |     bgColorTwo: {
50 |       type: String,
51 |       default: "#ff3883"
52 |     },
53 |     personImg: {
54 |       type: String,
55 |       default: personImg
56 |     },
57 |     showDelBtn: {
58 |       type: Boolean,
59 |       default: false
60 |     },
61 |     index: {
62 |       type: Number
63 |     }
64 |   },
65 |   data() {
66 |     return {
67 |       personInfoVip: personInfoVip,
68 |       personInfoCard: personInfoCard,
69 |       personInfoBalance: personInfoBalance,
70 |       personInfoCoupon: personInfoCoupon
71 |     };
72 |   },
73 |   components: {
74 |     // 第三方组件实例化
75 |   },
76 |   computed: {},
77 |   methods: {},
78 |   mounted() {}
79 | };
80 | </script>
81 | 
82 | <style scoped>
83 | @import "../../../theme-default/css/ants.css";
84 | @import "../../../theme-default/css/diy.css";
85 | </style>
86 | 


--------------------------------------------------------------------------------
/packages/diy/src/common/order.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <div class="diy-order-title">
 4 |       <div class="diy-order-title-left">我的订单</div>
 5 |       <div class="diy-order-title-right">
 6 |         全部订单 <i class="el-icon-arrow-right"></i>
 7 |       </div>
 8 |     </div>
 9 |     <div class="diy-order-btn-list">
10 |       <template v-for="(ant, index) in antdata.list">
11 |         <div class="diy-order-btn-box" :key="String(index)">
12 |           <img class="diy-order-btn-list-image" :src="logo" alt="" />
13 |           <div
14 |             class="diy-order-btn-list-title"
15 |             :style="{ color: antdata.fontColor }"
16 |           >
17 |             {{ ant.title }}
18 |           </div>
19 |         </div>
20 |       </template>
21 |     </div>
22 |   </div>
23 | </template>
24 | 
25 | <script>
26 | import logo from "../../../theme-default/images/logo.png";
27 | export default {
28 |   name: "order",
29 |   props: {
30 |     antdata: {},
31 |     showDelBtn: {
32 |       type: Boolean,
33 |       default: false
34 |     },
35 |     index: {
36 |       type: Number
37 |     }
38 |   },
39 |   data() {
40 |     return {
41 |       logo: logo
42 |     };
43 |   },
44 |   components: {
45 |     // 第三方组件实例化
46 |   },
47 |   computed: {},
48 |   methods: {},
49 |   mounted() {}
50 | };
51 | </script>
52 | 
53 | <style scoped>
54 | @import "../../../theme-default/css/ants.css";
55 | @import "../../../theme-default/css/diy.css";
56 | </style>
57 | 


--------------------------------------------------------------------------------
/packages/diy/src/diy-left.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="diy-left" style="height: 100%">
  3 |     <el-scrollbar>
  4 |       <div style="height: 100%;margin: 10px">
  5 |         <el-collapse v-model="activeNames" @change="handleChange">
  6 |           <el-collapse-item
  7 |             :title="l.title"
  8 |             :name="index"
  9 |             v-for="(l, index) in list"
 10 |             :key="String(index)"
 11 |           >
 12 |             <div class="zj-z">
 13 |               <template v-for="(b, index2) in l.btns">
 14 |                 <div
 15 |                   class="zj"
 16 |                   v-if="b.type == 'audio'"
 17 |                   :style="{
 18 |                     backgroundImage: imgIsNotNull(b.img)
 19 |                       ? 'url(' + b.img + ')'
 20 |                       : 'url(' + antImages.audio + ')'
 21 |                   }"
 22 |                   :key="String(index2)"
 23 |                 >
 24 |                   {{ b.title }}
 25 |                 </div>
 26 |                 <div
 27 |                   class="zj"
 28 |                   v-else-if="b.type == 'banner'"
 29 |                   :style="{
 30 |                     backgroundImage: imgIsNotNull(b.img)
 31 |                       ? 'url(' + b.img + ')'
 32 |                       : 'url(' + antImages.banner + ')'
 33 |                   }"
 34 |                   :key="String(index2)"
 35 |                 >
 36 |                   {{ b.title }}
 37 |                 </div>
 38 |                 <div
 39 |                   class="zj"
 40 |                   v-else-if="b.type == 'bargain'"
 41 |                   :style="{
 42 |                     backgroundImage: imgIsNotNull(b.img)
 43 |                       ? 'url(' + b.img + ')'
 44 |                       : 'url(' + antImages.bargain + ')'
 45 |                   }"
 46 |                   :key="String(index2)"
 47 |                 >
 48 |                   {{ b.title }}
 49 |                 </div>
 50 |                 <div
 51 |                   class="zj"
 52 |                   v-else-if="b.type == 'blank'"
 53 |                   :style="{
 54 |                     backgroundImage: imgIsNotNull(b.img)
 55 |                       ? 'url(' + b.img + ')'
 56 |                       : 'url(' + antImages.blank + ')'
 57 |                   }"
 58 |                   :key="String(index2)"
 59 |                 >
 60 |                   {{ b.title }}
 61 |                 </div>
 62 |                 <div
 63 |                   class="zj"
 64 |                   v-else-if="b.type == 'countdown'"
 65 |                   :style="{
 66 |                     backgroundImage: imgIsNotNull(b.img)
 67 |                       ? 'url(' + b.img + ')'
 68 |                       : 'url(' + antImages.countdown + ')'
 69 |                   }"
 70 |                   :key="String(index2)"
 71 |                 >
 72 |                   {{ b.title }}
 73 |                 </div>
 74 |                 <div
 75 |                   class="zj"
 76 |                   v-else-if="b.type == 'coupon'"
 77 |                   :style="{
 78 |                     backgroundImage: imgIsNotNull(b.img)
 79 |                       ? 'url(' + b.img + ')'
 80 |                       : 'url(' + antImages.coupon + ')'
 81 |                   }"
 82 |                   :key="String(index2)"
 83 |                 >
 84 |                   {{ b.title }}
 85 |                 </div>
 86 |                 <div
 87 |                   class="zj"
 88 |                   v-else-if="b.type == 'cube'"
 89 |                   :style="{
 90 |                     backgroundImage: imgIsNotNull(b.img)
 91 |                       ? 'url(' + b.img + ')'
 92 |                       : 'url(' + antImages.cube + ')'
 93 |                   }"
 94 |                   :key="String(index2)"
 95 |                 >
 96 |                   {{ b.title }}
 97 |                 </div>
 98 |                 <div
 99 |                   class="zj"
100 |                   v-else-if="b.type == 'fixedsearch'"
101 |                   :style="{
102 |                     backgroundImage: imgIsNotNull(b.img)
103 |                       ? 'url(' + b.img + ')'
104 |                       : 'url(' + antImages.fixedsearch + ')'
105 |                   }"
106 |                   :key="String(index2)"
107 |                 >
108 |                   {{ b.title }}
109 |                 </div>
110 |                 <div
111 |                   class="zj"
112 |                   v-else-if="b.type == 'float'"
113 |                   :style="{
114 |                     backgroundImage: imgIsNotNull(b.img)
115 |                       ? 'url(' + b.img + ')'
116 |                       : 'url(' + antImages.float + ')'
117 |                   }"
118 |                   :key="String(index2)"
119 |                 >
120 |                   {{ b.title }}
121 |                 </div>
122 |                 <div
123 |                   class="zj"
124 |                   v-else-if="b.type == 'form'"
125 |                   :style="{
126 |                     backgroundImage: imgIsNotNull(b.img)
127 |                       ? 'url(' + b.img + ')'
128 |                       : 'url(' + antImages.form + ')'
129 |                   }"
130 |                   :key="String(index2)"
131 |                 >
132 |                   {{ b.title }}
133 |                 </div>
134 |                 <div
135 |                   class="zj"
136 |                   v-else-if="b.type == 'goods'"
137 |                   :style="{
138 |                     backgroundImage: imgIsNotNull(b.img)
139 |                       ? 'url(' + b.img + ')'
140 |                       : 'url(' + antImages.goods + ')'
141 |                   }"
142 |                   :key="String(index2)"
143 |                 >
144 |                   {{ b.title }}
145 |                 </div>
146 |                 <div
147 |                   class="zj"
148 |                   v-else-if="b.type == 'goodsRanking'"
149 |                   :style="{
150 |                     backgroundImage: imgIsNotNull(b.img)
151 |                       ? 'url(' + b.img + ')'
152 |                       : 'url(' + antImages.goodsRanking + ')'
153 |                   }"
154 |                   :key="String(index2)"
155 |                 >
156 |                   {{ b.title }}
157 |                 </div>
158 |                 <div
159 |                   class="zj"
160 |                   v-else-if="b.type == 'groups'"
161 |                   :style="{
162 |                     backgroundImage: imgIsNotNull(b.img)
163 |                       ? 'url(' + b.img + ')'
164 |                       : 'url(' + antImages.groups + ')'
165 |                   }"
166 |                   :key="String(index2)"
167 |                 >
168 |                   {{ b.title }}
169 |                 </div>
170 |                 <div
171 |                   class="zj"
172 |                   v-else-if="b.type == 'guess'"
173 |                   :style="{
174 |                     backgroundImage: imgIsNotNull(b.img)
175 |                       ? 'url(' + b.img + ')'
176 |                       : 'url(' + antImages.guess + ')'
177 |                   }"
178 |                   :key="String(index2)"
179 |                 >
180 |                   {{ b.title }}
181 |                 </div>
182 |                 <div
183 |                   class="zj"
184 |                   v-else-if="b.type == 'hotspot'"
185 |                   :style="{
186 |                     backgroundImage: imgIsNotNull(b.img)
187 |                       ? 'url(' + b.img + ')'
188 |                       : 'url(' + antImages.hotspot + ')'
189 |                   }"
190 |                   :key="String(index2)"
191 |                 >
192 |                   {{ b.title }}
193 |                 </div>
194 |                 <div
195 |                   class="zj"
196 |                   v-else-if="b.type == 'line'"
197 |                   :style="{
198 |                     backgroundImage: imgIsNotNull(b.img)
199 |                       ? 'url(' + b.img + ')'
200 |                       : 'url(' + antImages.line + ')'
201 |                   }"
202 |                   :key="String(index2)"
203 |                 >
204 |                   {{ b.title }}
205 |                 </div>
206 |                 <div
207 |                   class="zj"
208 |                   v-else-if="b.type == 'listmenu'"
209 |                   :style="{
210 |                     backgroundImage: imgIsNotNull(b.img)
211 |                       ? 'url(' + b.img + ')'
212 |                       : 'url(' + antImages.listmenu + ')'
213 |                   }"
214 |                   :key="String(index2)"
215 |                 >
216 |                   {{ b.title }}
217 |                 </div>
218 |                 <div
219 |                   class="zj"
220 |                   v-else-if="b.type == 'live'"
221 |                   :style="{
222 |                     backgroundImage: imgIsNotNull(b.img)
223 |                       ? 'url(' + b.img + ')'
224 |                       : 'url(' + antImages.live + ')'
225 |                   }"
226 |                   :key="String(index2)"
227 |                 >
228 |                   {{ b.title }}
229 |                 </div>
230 |                 <div
231 |                   class="zj"
232 |                   v-else-if="b.type == 'menu'"
233 |                   :style="{
234 |                     backgroundImage: imgIsNotNull(b.img)
235 |                       ? 'url(' + b.img + ')'
236 |                       : 'url(' + antImages.menu + ')'
237 |                   }"
238 |                   :key="String(index2)"
239 |                 >
240 |                   {{ b.title }}
241 |                 </div>
242 |                 <div
243 |                   class="zj"
244 |                   v-else-if="b.type == 'notice'"
245 |                   :style="{
246 |                     backgroundImage: imgIsNotNull(b.img)
247 |                       ? 'url(' + b.img + ')'
248 |                       : 'url(' + antImages.notice + ')'
249 |                   }"
250 |                   :key="String(index2)"
251 |                 >
252 |                   {{ b.title }}
253 |                 </div>
254 |                 <div
255 |                   class="zj"
256 |                   v-else-if="b.type == 'picture'"
257 |                   :style="{
258 |                     backgroundImage: imgIsNotNull(b.img)
259 |                       ? 'url(' + b.img + ')'
260 |                       : 'url(' + antImages.picture + ')'
261 |                   }"
262 |                   :key="String(index2)"
263 |                 >
264 |                   {{ b.title }}
265 |                 </div>
266 |                 <div
267 |                   class="zj"
268 |                   v-else-if="b.type == 'pictures'"
269 |                   :style="{
270 |                     backgroundImage: imgIsNotNull(b.img)
271 |                       ? 'url(' + b.img + ')'
272 |                       : 'url(' + antImages.pictures + ')'
273 |                   }"
274 |                   :key="String(index2)"
275 |                 >
276 |                   {{ b.title }}
277 |                 </div>
278 |                 <div
279 |                   class="zj"
280 |                   v-else-if="b.type == 'popadvertising'"
281 |                   :style="{
282 |                     backgroundImage: imgIsNotNull(b.img)
283 |                       ? 'url(' + b.img + ')'
284 |                       : 'url(' + antImages.popadvertising + ')'
285 |                   }"
286 |                   :key="String(index2)"
287 |                 >
288 |                   {{ b.title }}
289 |                 </div>
290 |                 <div
291 |                   class="zj"
292 |                   v-else-if="b.type == 'presell'"
293 |                   :style="{
294 |                     backgroundImage: imgIsNotNull(b.img)
295 |                       ? 'url(' + b.img + ')'
296 |                       : 'url(' + antImages.presell + ')'
297 |                   }"
298 |                   :key="String(index2)"
299 |                 >
300 |                   {{ b.title }}
301 |                 </div>
302 |                 <div
303 |                   class="zj"
304 |                   v-else-if="b.type == 'richtext'"
305 |                   :style="{
306 |                     backgroundImage: imgIsNotNull(b.img)
307 |                       ? 'url(' + b.img + ')'
308 |                       : 'url(' + antImages.richtext + ')'
309 |                   }"
310 |                   :key="String(index2)"
311 |                 >
312 |                   {{ b.title }}
313 |                 </div>
314 |                 <div
315 |                   class="zj"
316 |                   v-else-if="b.type == 'search'"
317 |                   :style="{
318 |                     backgroundImage: imgIsNotNull(b.img)
319 |                       ? 'url(' + b.img + ')'
320 |                       : 'url(' + antImages.search + ')'
321 |                   }"
322 |                   :key="String(index2)"
323 |                 >
324 |                   {{ b.title }}
325 |                 </div>
326 |                 <div
327 |                   class="zj"
328 |                   v-else-if="b.type == 'seckill'"
329 |                   :style="{
330 |                     backgroundImage: imgIsNotNull(b.img)
331 |                       ? 'url(' + b.img + ')'
332 |                       : 'url(' + antImages.seckill + ')'
333 |                   }"
334 |                   :key="String(index2)"
335 |                 >
336 |                   {{ b.title }}
337 |                 </div>
338 |                 <div
339 |                   class="zj"
340 |                   v-else-if="b.type == 'storeLise'"
341 |                   :style="{
342 |                     backgroundImage: imgIsNotNull(b.img)
343 |                       ? 'url(' + b.img + ')'
344 |                       : 'url(' + antImages.storeLise + ')'
345 |                   }"
346 |                   :key="String(index2)"
347 |                 >
348 |                   {{ b.title }}
349 |                 </div>
350 |                 <div
351 |                   class="zj"
352 |                   v-else-if="b.type == 'storeLocation'"
353 |                   :style="{
354 |                     backgroundImage: imgIsNotNull(b.img)
355 |                       ? 'url(' + b.img + ')'
356 |                       : 'url(' + antImages.storeLocation + ')'
357 |                   }"
358 |                   :key="String(index2)"
359 |                 >
360 |                   {{ b.title }}
361 |                 </div>
362 |                 <div
363 |                   class="zj"
364 |                   v-else-if="b.type == 'tabbar'"
365 |                   :style="{
366 |                     backgroundImage: imgIsNotNull(b.img)
367 |                       ? 'url(' + b.img + ')'
368 |                       : 'url(' + antImages.tabbar + ')'
369 |                   }"
370 |                   :key="String(index2)"
371 |                 >
372 |                   {{ b.title }}
373 |                 </div>
374 |                 <div
375 |                   class="zj"
376 |                   v-else-if="b.type == 'title'"
377 |                   :style="{
378 |                     backgroundImage: imgIsNotNull(b.img)
379 |                       ? 'url(' + b.img + ')'
380 |                       : 'url(' + antImages.title + ')'
381 |                   }"
382 |                   :key="String(index2)"
383 |                 >
384 |                   {{ b.title }}
385 |                 </div>
386 |                 <div
387 |                   class="zj"
388 |                   v-else-if="b.type == 'video'"
389 |                   :style="{
390 |                     backgroundImage: imgIsNotNull(b.img)
391 |                       ? 'url(' + b.img + ')'
392 |                       : 'url(' + antImages.video + ')'
393 |                   }"
394 |                   :key="String(index2)"
395 |                 >
396 |                   {{ b.title }}
397 |                 </div>
398 |                 <div
399 |                   class="zj"
400 |                   v-else-if="b.type == 'wxlive'"
401 |                   :style="{
402 |                     backgroundImage: imgIsNotNull(b.img)
403 |                       ? 'url(' + b.img + ')'
404 |                       : 'url(' + antImages.wxlive + ')'
405 |                   }"
406 |                   :key="String(index2)"
407 |                 >
408 |                   {{ b.title }}
409 |                 </div>
410 |                 <div
411 |                   class="zj"
412 |                   @click="antChange(b.type)"
413 |                   v-else-if="b.type == 'member'"
414 |                   :style="{
415 |                     backgroundImage: imgIsNotNull(b.img)
416 |                       ? 'url(' + b.img + ')'
417 |                       : 'url(' + antImages.member + ')'
418 |                   }"
419 |                   :key="String(index2)"
420 |                 >
421 |                   {{ b.title }}
422 |                 </div>
423 |                 <div
424 |                   class="zj"
425 |                   v-else-if="b.type == 'memberIcon'"
426 |                   :style="{
427 |                     backgroundImage: imgIsNotNull(b.img)
428 |                       ? 'url(' + b.img + ')'
429 |                       : 'url(' + antImages.memberIcon + ')'
430 |                   }"
431 |                   :key="String(index2)"
432 |                 >
433 |                   {{ b.title }}
434 |                 </div>
435 |                 <div
436 |                   class="zj"
437 |                   v-else-if="b.type == 'order'"
438 |                   :style="{
439 |                     backgroundImage: imgIsNotNull(b.img)
440 |                       ? 'url(' + b.img + ')'
441 |                       : 'url(' + antImages.order + ')'
442 |                   }"
443 |                   :key="String(index2)"
444 |                   @click="antChange(b.type)"
445 |                 >
446 |                   {{ b.title }}
447 |                 </div>
448 |               </template>
449 |             </div>
450 |           </el-collapse-item>
451 |         </el-collapse>
452 |       </div>
453 |     </el-scrollbar>
454 |   </div>
455 | </template>
456 | 
457 | <script>
458 | import antImages from "./js/import-img";
459 | import antJsons from "./js/import-json";
460 | export default {
461 |   name: "diy-left",
462 |   props: {
463 |     list: {
464 |       type: Array
465 |     }
466 |   },
467 |   data() {
468 |     return {
469 |       activeNames: ["0"],
470 |       antImages: antImages
471 |     };
472 |   },
473 |   components: {
474 |     // 第三方组件实例化
475 |   },
476 |   computed: {},
477 |   methods: {
478 |     // 方法
479 |     handleChange(val) {
480 |       console.log(val);
481 |     },
482 |     // 判断图标是否为空
483 |     imgIsNotNull(img) {
484 |       return img != "";
485 |     },
486 |     antChange(e) {
487 |       var data = { type: e, isShow: true, data: {} };
488 |       if (e == "member") {
489 |         data.data = antJsons.member;
490 |       } else if (e == "order") {
491 |         data.data = antJsons.order;
492 |       }
493 | 
494 |       this.$emit("antClick", data);
495 |     }
496 |   },
497 |   mounted() {}
498 | };
499 | </script>
500 | 
501 | <style scoped>
502 | @import "../../theme-default/css/ants.css";
503 | @import "../../theme-default/css/diy.css";
504 | </style>
505 | 


--------------------------------------------------------------------------------
/packages/diy/src/diy-middle.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="diy-middle" style="height: 100%">
  3 |     <el-scrollbar>
  4 |       <div style="height: 100%">
  5 |         <div class="diy-phone">
  6 |           <div class="diy-phone-body">
  7 |             <template v-for="(pd, index) in pagedata">
  8 |               <div
  9 |                 :class="[
 10 |                   'diy-div',
 11 |                   antNamber == index ? 'diy-active' : '',
 12 |                   pd.isShow ? '' : 'diy-show'
 13 |                 ]"
 14 |                 :key="String(index)"
 15 |                 @click="antChange(index)"
 16 |               >
 17 |                 <div style="position:relative">
 18 |                   <el-popover
 19 |                     placement="bottom-end"
 20 |                     width="160"
 21 |                     :ref="'i-' + String(index)"
 22 |                     :style="{ display: antNamber == index ? 'block' : 'none' }"
 23 |                     v-model="visible[index]"
 24 |                   >
 25 |                     <p>确定删除吗</p>
 26 |                     <div style="text-align: right; margin: 0">
 27 |                       <el-button type="primary" size="mini" @click="del"
 28 |                         >删除</el-button
 29 |                       >
 30 |                       <el-button size="mini" type="text" @click="antClouse"
 31 |                         >取消</el-button
 32 |                       >
 33 |                     </div>
 34 |                     <i class="el-icon-close diy-del" slot="reference"></i>
 35 |                   </el-popover>
 36 |                 </div>
 37 |                 <member
 38 |                   v-if="pd.type == 'member'"
 39 |                   :bgColorOne.sync="pd.data.bgColorLeft"
 40 |                   :bgColorTwo.sync="pd.data.bgColorRight"
 41 |                   :showDelBtn="antNamber == index"
 42 |                   :index.sync="index"
 43 |                   @del="del"
 44 |                 ></member>
 45 |                 <order
 46 |                   v-else-if="pd.type == 'order'"
 47 |                   :antdata.sync="pd.data"
 48 |                   :index.sync="index"
 49 |                 ></order>
 50 |               </div>
 51 |             </template>
 52 |           </div>
 53 |         </div>
 54 |       </div>
 55 |     </el-scrollbar>
 56 |     <div class="diy-flx">
 57 |       <el-tooltip
 58 |         class="item"
 59 |         effect="dark"
 60 |         :content="showtext()"
 61 |         placement="right"
 62 |         style="line-height: 42px;width: 42px"
 63 |       >
 64 |         <i
 65 |           class="el-icon-view diy-icon"
 66 |           v-if="antNamber == -1"
 67 |           style="color: #8b8c8e"
 68 |         ></i>
 69 |         <i v-else class="el-icon-view diy-icon" @click="updateIsShow"></i>
 70 |       </el-tooltip>
 71 |       <el-tooltip
 72 |         class="item"
 73 |         effect="dark"
 74 |         content="上移组件"
 75 |         placement="right"
 76 |         style="line-height: 42px;width: 42px"
 77 |       >
 78 |         <i
 79 |           class="el-icon-arrow-up diy-icon"
 80 |           v-if="antNamber <= 0"
 81 |           style="color: #8b8c8e"
 82 |         ></i>
 83 | 
 84 |         <i v-else class="el-icon-arrow-up diy-icon" @click="upGo"></i>
 85 |       </el-tooltip>
 86 |       <el-tooltip
 87 |         class="item"
 88 |         effect="dark"
 89 |         content="下移组件"
 90 |         placement="right"
 91 |         style="line-height: 42px;width: 42px"
 92 |       >
 93 |         <i
 94 |           class="el-icon-arrow-down diy-icon"
 95 |           v-if="antNamber >= pagedata.length - 1 || antNamber == -1"
 96 |           style="color: #8b8c8e"
 97 |         ></i>
 98 |         <i v-else class="el-icon-arrow-down diy-icon" @click="downGo"></i>
 99 |       </el-tooltip>
100 |       <el-tooltip
101 |         class="item"
102 |         effect="dark"
103 |         content="复制组件"
104 |         placement="right"
105 |         style="line-height: 42px;width: 42px"
106 |       >
107 |         <i
108 |           v-if="antNamber == -1"
109 |           class="el-icon-document-copy diy-icon"
110 |           style="color: #8b8c8e"
111 |         ></i>
112 |         <i v-else class="el-icon-document-copy diy-icon" @click="copy"></i>
113 |       </el-tooltip>
114 |       <el-tooltip
115 |         class="item"
116 |         effect="dark"
117 |         content="分享设置"
118 |         placement="right"
119 |         style="line-height: 42px;width: 42px"
120 |       >
121 |         <i class="el-icon-upload2 diy-icon"></i>
122 |       </el-tooltip>
123 |       <el-tooltip
124 |         class="item"
125 |         effect="dark"
126 |         content="设置"
127 |         placement="right"
128 |         style="line-height: 42px;width: 42px"
129 |       >
130 |         <i
131 |           class="el-icon-setting diy-icon"
132 |           v-if="antNamber == -1 || pagedata[antNamber].antbg == undefined"
133 |           style="color: #8b8c8e"
134 |         ></i>
135 |         <i v-else class="el-icon-setting diy-icon"></i>
136 |       </el-tooltip>
137 |     </div>
138 |   </div>
139 | </template>
140 | 
141 | <script>
142 | import member from "./common/member";
143 | import order from "./common/order";
144 | export default {
145 |   name: "diymiddle",
146 |   props: {
147 |     pagedata: {
148 |       type: Array
149 |     },
150 |     antNamber: {
151 |       type: Number
152 |     }
153 |   },
154 |   data() {
155 |     return {
156 |       visible: []
157 |     };
158 |   },
159 |   components: {
160 |     // 第三方组件实例化
161 |     member,
162 |     order
163 |   },
164 |   computed: {},
165 |   methods: {
166 |     // 复制组件
167 |     copy() {
168 |       console.log("sss");
169 |       var a = JSON.parse(JSON.stringify(this.pagedata[this.antNamber]));
170 |       var data = this.pagedata;
171 |       data.splice(this.antNamber, 0, a);
172 |       this.$emit("update:pagedata", data);
173 |       this.$emit("antChange", {
174 |         index: this.antNamber
175 |       });
176 |     },
177 |     showtext() {
178 |       if (this.antNamber == -1) {
179 |         return "隐藏";
180 |       }
181 |       return this.pagedata[this.antNamber].isShow ? "隐藏" : "显示";
182 |     },
183 |     updateIsShow() {
184 |       this.pagedata[this.antNamber].isShow = !this.pagedata[this.antNamber]
185 |         .isShow;
186 |     },
187 |     // 上移
188 |     upGo() {
189 |       this.pagedata[this.antNamber] = this.pagedata.splice(
190 |         this.antNamber - 1,
191 |         1,
192 |         this.pagedata[this.antNamber]
193 |       )[0];
194 |       this.$emit("update:antNamber", this.antNamber - 1);
195 |     },
196 |     downGo() {
197 |       this.pagedata[this.antNamber] = this.pagedata.splice(
198 |         this.antNamber + 1,
199 |         1,
200 |         this.pagedata[this.antNamber]
201 |       )[0];
202 |       this.$emit("update:antNamber", this.antNamber + 1);
203 |     },
204 |     antChange(index) {
205 |       this.$emit("update:antNamber", index);
206 |       this.$emit("antChange", {
207 |         index: index
208 |       });
209 |     },
210 |     // 方法
211 |     del() {
212 |       this.visible[this.antNamber] = false;
213 |       var a = this.antNamber;
214 |       this.$emit("update:antNamber", -1);
215 |       this.$emit("del", {
216 |         index: a
217 |       });
218 |     },
219 |     antClouse() {
220 |       this.$set(this.visible, this.antNamber, false);
221 |     }
222 |   },
223 |   mounted() {}
224 | };
225 | </script>
226 | 
227 | <style scoped>
228 | @import "../../theme-default/css/ants.css";
229 | @import "../../theme-default/css/diy.css";
230 | </style>
231 | 


--------------------------------------------------------------------------------
/packages/diy/src/diy-right.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="diy-right" style="height: 100%">
 3 |     <el-scrollbar>
 4 |       <div style="height: 100%">
 5 |         <template v-if="changeData == undefined || changeData.length <= 0">
 6 |           <setting></setting>
 7 |         </template>
 8 |         <template v-else>
 9 |           <mamberSetting
10 |             v-if="changeData.type == 'member'"
11 |             :ico="ico"
12 |             :data.sync="changeData.data"
13 |             @antChange="antChange"
14 |           ></mamberSetting>
15 |           <orderSetting
16 |             v-if="changeData.type == 'order'"
17 |             :ico="ico"
18 |             :antdata.sync="changeData.data"
19 |             @antChange="antChange"
20 |           ></orderSetting>
21 |         </template>
22 |       </div>
23 |     </el-scrollbar>
24 |   </div>
25 | </template>
26 | 
27 | <script>
28 | import mamberSetting from "./setting/member-setting";
29 | import orderSetting from "./setting/order-setting";
30 | import setting from "./setting/setting";
31 | export default {
32 |   name: "diyRight",
33 |   props: {
34 |     changeData: { type: Object },
35 |     ico: {
36 |       type: String
37 |     }
38 |   },
39 |   data() {
40 |     return {};
41 |   },
42 |   components: {
43 |     // 第三方组件实例化
44 |     mamberSetting,
45 |     setting,
46 |     orderSetting
47 |   },
48 |   computed: {},
49 |   methods: {
50 |     // 方法
51 |     antChange(e) {
52 |       this.changeData.data = e.retdata;
53 |       this.$emit("antChange", {
54 |         retdata: this.changeData
55 |       });
56 |     }
57 |   },
58 |   mounted() {}
59 | };
60 | </script>
61 | 
62 | <style scoped>
63 | @import "../../theme-default/css/ants.css";
64 | @import "../../theme-default/css/diy.css";
65 | </style>
66 | 


--------------------------------------------------------------------------------
/packages/diy/src/js/import-img.js:
--------------------------------------------------------------------------------
 1 | import audio from "../../../theme-default/images/icon/audio.png";
 2 | import banner from "../../../theme-default/images/icon/banner.png";
 3 | import bargain from "../../../theme-default/images/icon/bargain.png";
 4 | import blank from "../../../theme-default/images/icon/blank.png";
 5 | import countdown from "../../../theme-default/images/icon/countdown.png";
 6 | import coupon from "../../../theme-default/images/icon/coupon.png";
 7 | import cube from "../../../theme-default/images/icon/cube.png";
 8 | import fixedsearch from "../../../theme-default/images/icon/fixedsearch.png";
 9 | import float from "../../../theme-default/images/icon/float.png";
10 | import form from "../../../theme-default/images/icon/form.png";
11 | import goods from "../../../theme-default/images/icon/goods.png";
12 | import goodsRanking from "../../../theme-default/images/icon/goodsRanking.png";
13 | import groups from "../../../theme-default/images/icon/groups.png";
14 | import guess from "../../../theme-default/images/icon/guess.png";
15 | import hotspot from "../../../theme-default/images/icon/hotspot.png";
16 | import line from "../../../theme-default/images/icon/line.png";
17 | import listmenu from "../../../theme-default/images/icon/listmenu.png";
18 | import live from "../../../theme-default/images/icon/live.png";
19 | import menu from "../../../theme-default/images/icon/menu.png";
20 | import notice from "../../../theme-default/images/icon/notice.png";
21 | import picture from "../../../theme-default/images/icon/picture.png";
22 | import pictures from "../../../theme-default/images/icon/pictures.png";
23 | import popadvertising from "../../../theme-default/images/icon/popadvertising.png";
24 | import presell from "../../../theme-default/images/icon/presell.png";
25 | import richtext from "../../../theme-default/images/icon/richtext.png";
26 | import search from "../../../theme-default/images/icon/search.png";
27 | import seckill from "../../../theme-default/images/icon/seckill.png";
28 | import storeLise from "../../../theme-default/images/icon/storeLise.png";
29 | import storeLocation from "../../../theme-default/images/icon/storeLocation.png";
30 | import tabbar from "../../../theme-default/images/icon/tabbar.png";
31 | import title from "../../../theme-default/images/icon/title.png";
32 | import video from "../../../theme-default/images/icon/video.png";
33 | import wxlive from "../../../theme-default/images/icon/wxlive.png";
34 | import member from "../../../theme-default/images/icon/member.png";
35 | import memberIcon from "../../../theme-default/images/icon/memberIcon.png";
36 | import order from "../../../theme-default/images/icon/order.png";
37 | 
38 | export default {
39 |   member,
40 |   memberIcon,
41 |   order,
42 |   audio,
43 |   banner,
44 |   bargain,
45 |   blank,
46 |   countdown,
47 |   coupon,
48 |   cube,
49 |   fixedsearch,
50 |   float,
51 |   form,
52 |   goods,
53 |   goodsRanking,
54 |   groups,
55 |   guess,
56 |   hotspot,
57 |   line,
58 |   listmenu,
59 |   live,
60 |   menu,
61 |   notice,
62 |   picture,
63 |   pictures,
64 |   popadvertising,
65 |   presell,
66 |   richtext,
67 |   search,
68 |   seckill,
69 |   storeLise,
70 |   storeLocation,
71 |   tabbar,
72 |   title,
73 |   video,
74 |   wxlive
75 | };
76 | 


--------------------------------------------------------------------------------
/packages/diy/src/js/import-json.js:
--------------------------------------------------------------------------------
1 | import member from "../json/member.json";
2 | import order from "../json/order.json";
3 | 
4 | export default {
5 |   member,
6 |   order
7 | };
8 | 


--------------------------------------------------------------------------------
/packages/diy/src/json/member.json:
--------------------------------------------------------------------------------
1 | {
2 |   "bgColorLeft": "#fd463e",
3 |   "bgColorRight": "#ff3883"
4 | }
5 | 


--------------------------------------------------------------------------------
/packages/diy/src/json/order.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "list": [
 3 |     {
 4 |       "image": "",
 5 |       "title": "待付款",
 6 |       "url": ""
 7 |     },
 8 |     {
 9 |       "image": "",
10 |       "title": "待发货",
11 |       "url": ""
12 |     },
13 |     {
14 |       "image": "",
15 |       "title": "待收货",
16 |       "url": ""
17 |     },
18 |     {
19 |       "image": "",
20 |       "title": "待评价",
21 |       "url": ""
22 |     },
23 |     {
24 |       "image": "",
25 |       "title": "退换货",
26 |       "url": ""
27 |     }
28 |   ],
29 |   "antbg": {
30 |     "type": 0,
31 |     "bgurl": ""
32 |   },
33 |   "allOrderUrl": "",
34 |   "fontColor": "#aeaeae"
35 | }
36 | 


--------------------------------------------------------------------------------
/packages/diy/src/main.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div style="height: 100%;display: flex;justify-content: space-between">
 3 |     <diyLeft :list="leftMenu" @antClick="changeLeft"></diyLeft>
 4 |     <diyMiddle
 5 |       :pagedata.sync="pageData"
 6 |       :antNamber.sync="index"
 7 |       @del="del"
 8 |       @antChange="changeDiv"
 9 |     ></diyMiddle>
10 |     <diyRight
11 |       v-if="index != -1"
12 |       :changeData.sync="changeData"
13 |       :ico="getIco()"
14 |       @antChange="changeret"
15 |     ></diyRight>
16 |     <diyRight v-if="index == -1" @change="changeret"></diyRight>
17 |   </div>
18 | </template>
19 | 
20 | <script>
21 | import diyLeft from "./diy-left";
22 | import diyMiddle from "./diy-middle";
23 | import diyRight from "./diy-right";
24 | export default {
25 |   name: "AntDiy", // 组件的name属性（后面有提到这里有个坑）
26 |   props: {
27 |     leftMenu: {
28 |       // 文本
29 |       type: Array
30 |     },
31 |     sharing: {
32 |       type: Object
33 |     }, // 分享的参数
34 |     urlList: {
35 |       type: Array
36 |     },
37 |     pageData: {
38 |       // 页面的配置数据
39 |       type: Array
40 |     }
41 |   },
42 |   data() {
43 |     return {
44 |       index: -1,
45 |       changeData: {}
46 |     };
47 |   },
48 |   components: {
49 |     diyLeft,
50 |     diyMiddle,
51 |     diyRight
52 |   },
53 |   methods: {
54 |     changeret(e) {
55 |       this.changeData = e.retdata;
56 |       if (this.index != -1) {
57 |         this.pageData[this.index] = this.changeData;
58 |       }
59 |     },
60 |     changeLeft(e) {
61 |       console.log(e);
62 |       this.pageData.push(e);
63 |       console.log(this.pageData);
64 |     },
65 |     del(e) {
66 |       this.index == -1;
67 |       this.pageData.splice(e.index, 1);
68 |     },
69 |     changeDiv(e) {
70 |       this.index = e.index;
71 |       this.changeData = this.pageData[this.index];
72 |       console.log("当前选中", e.index);
73 |     },
74 |     getIco() {
75 |       if (this.index == "-1") {
76 |         return " ";
77 |       }
78 |       var type = this.pageData[this.index].type;
79 | 
80 |       for (let i = 0; i < this.leftMenu.length; i++) {
81 |         var btns = this.leftMenu[i].btns;
82 |         for (let n = 0; n < btns.length; n++) {
83 |           if (btns[n].type == type) {
84 |             console.log("这里有问题？", btns[n].img);
85 |             return btns[n].img;
86 |           }
87 |         }
88 |       }
89 |     }
90 |   }
91 | };
92 | </script>
93 | 
94 | <style scoped>
95 | @import "../../theme-default/css/ants.css";
96 | @import "../../theme-default/css/diy.css";
97 | </style>
98 | 


--------------------------------------------------------------------------------
/packages/diy/src/setting/member-setting.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="box-show" style="margin-bottom: 20px">
 3 |     <div class="diy-right-title">
 4 |       <div
 5 |         class="diy-right-title-img"
 6 |         :style="{ background: 'url(' + getico() + ') no-repeat -12px -2px' }"
 7 |       ></div>
 8 |       <div>会员信息</div>
 9 |     </div>
10 |     <div class="diy-right-box">
11 |       <div class="diy-right-box-title">选择背景色</div>
12 |       <AntFormColorPicker
13 |         title="左侧"
14 |         :color.sync="data.bgColorLeft"
15 |         @antChange="colorleft"
16 |       ></AntFormColorPicker>
17 |       <AntFormColorPicker
18 |         title="右侧"
19 |         :color.sync="data.bgColorRight"
20 |         @antChange="colorright"
21 |       ></AntFormColorPicker>
22 |     </div>
23 |   </div>
24 | </template>
25 | 
26 | <script>
27 | import member from "../../../theme-default/images/icon/member.png";
28 | import AntFormColorPicker from "./../../../form/colorPicker/src/main";
29 | export default {
30 |   name: "memberSetting",
31 |   props: {
32 |     ico: {
33 |       // 文本
34 |       type: String
35 |     },
36 |     data: {
37 |       // 文本
38 |       type: Object
39 |     }
40 |   },
41 |   data() {
42 |     return {
43 |       img: member
44 |     };
45 |   },
46 |   components: {
47 |     // 第三方组件实例化
48 |     AntFormColorPicker
49 |   },
50 |   computed: {},
51 |   methods: {
52 |     // 方法
53 |     getico() {
54 |       console.log("ico", this.ico);
55 |       // return this.img;
56 |       return this.ico == "" || this.ico == undefined ? this.img : this.ico;
57 |     },
58 |     colorleft(e) {
59 |       console.log("返回的颜色左边", e);
60 |       this.data.bgColorLeft = e.color;
61 |       this.$emit("antChange", {
62 |         retdata: this.data
63 |       });
64 |     },
65 |     colorright(e) {
66 |       console.log("返回的颜色右边", e);
67 |       this.data.bgColorRight = e.color;
68 |       this.$emit("antChange", {
69 |         retdata: this.data
70 |       });
71 |     }
72 |   },
73 |   mounted() {}
74 | };
75 | </script>
76 | 
77 | <style scoped>
78 | @import "../../../theme-default/css/ants.css";
79 | @import "../../../theme-default/css/diy.css";
80 | </style>
81 | 


--------------------------------------------------------------------------------
/packages/diy/src/setting/order-setting.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="box-show" style="margin-bottom: 20px">
 3 |     <div class="diy-right-title">
 4 |       <div
 5 |         class="diy-right-title-img"
 6 |         :style="{ background: 'url(' + getico() + ') no-repeat -12px -4px' }"
 7 |       ></div>
 8 |       <div>订单图标组</div>
 9 |     </div>
10 |     <div class="diy-right-box">
11 |       <div class="diy-right-box-title">颜色选择</div>
12 |       <AntFormColorPicker
13 |         title="文字"
14 |         :color.sync="antdata.fontColor"
15 |         @antChange="fontColor"
16 |       ></AntFormColorPicker>
17 |     </div>
18 |     <div class="diy-right-box">
19 |       <div class="diy-right-box-title">图标</div>
20 |       <div style="padding: 10px">
21 |         <template v-for="(ant, index) in antdata.list">
22 |           <ImageTitleUrl
23 |             :img.sync="ant.image"
24 |             :key="String(index)"
25 |             :title.sync="ant.title"
26 |             :url.sync="ant.url"
27 |           ></ImageTitleUrl>
28 |         </template>
29 |       </div>
30 |     </div>
31 |   </div>
32 | </template>
33 | 
34 | <script>
35 | import order from "../../../theme-default/images/icon/order.png";
36 | import AntFormColorPicker from "./../../../form/colorPicker/src/main";
37 | import ImageTitleUrl from "./../util/image-title-url";
38 | export default {
39 |   name: "orderSetting",
40 |   props: {
41 |     ico: {
42 |       // 文本
43 |       type: String
44 |     },
45 |     antdata: {
46 |       // 文本
47 |       type: Object
48 |     }
49 |   },
50 |   data() {
51 |     return {
52 |       img: order
53 |     };
54 |   },
55 |   components: {
56 |     // 第三方组件实例化
57 |     AntFormColorPicker,
58 |     ImageTitleUrl
59 |   },
60 |   computed: {},
61 |   methods: {
62 |     // 方法
63 |     getico() {
64 |       console.log("ico", this.ico);
65 |       // return this.img;
66 |       return this.ico == "" || this.ico == undefined ? this.img : this.ico;
67 |     },
68 |     fontColor(e) {
69 |       this.data.fontColor = e.color;
70 |     }
71 |   },
72 |   mounted() {}
73 | };
74 | </script>
75 | 
76 | <style scoped>
77 | @import "../../../theme-default/css/ants.css";
78 | @import "../../../theme-default/css/diy.css";
79 | </style>
80 | 


--------------------------------------------------------------------------------
/packages/diy/src/setting/setting.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="box-show" style="margin-bottom: 20px">
 3 |     <div class="diy-right-title">
 4 |       <div>页面设置</div>
 5 |     </div>
 6 |     <div class="diy-right-box">
 7 |       <div class="diy-right-box-title">页面标题</div>
 8 |     </div>
 9 |   </div>
10 | </template>
11 | 
12 | <script>
13 | export default {
14 |   name: "memberSetting",
15 |   props: {
16 |     data: {
17 |       // 文本
18 |       type: Array
19 |     }
20 |   },
21 |   data() {
22 |     return {
23 |       retdata: this.data
24 |     };
25 |   },
26 |   components: {
27 |     // 第三方组件实例化
28 |   },
29 |   computed: {},
30 |   methods: {
31 |     // 方法
32 |     getico() {
33 |       console.log("ico", this.ico);
34 |       // return this.img;
35 |       return this.ico == "" || this.ico == undefined ? this.img : this.ico;
36 |     },
37 |     colorleft(e) {
38 |       console.log("返回的颜色左边", e);
39 |       this.retdata.bgColorLeft = e.color;
40 |       this.$emit("antChange", {
41 |         retdata: this.retdata
42 |       });
43 |     },
44 |     colorright(e) {
45 |       console.log("返回的颜色右边", e);
46 |       this.retdata.bgColorRight = e.color;
47 |       this.$emit("antChange", {
48 |         retdata: this.retdata
49 |       });
50 |     }
51 |   },
52 |   mounted() {}
53 | };
54 | </script>
55 | 
56 | <style scoped>
57 | @import "../../../theme-default/css/ants.css";
58 | @import "../../../theme-default/css/diy.css";
59 | </style>
60 | 


--------------------------------------------------------------------------------
/packages/diy/src/util/image-title-url.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="itu-z">
  3 |     <urlDialog
  4 |       :dialog-visible="showDialog"
  5 |       @dialog-cancel="showDialog = false"
  6 |     ></urlDialog>
  7 |     <div class="itu-box">
  8 |       <div class="itu-box-left itu-box-image-title">图片</div>
  9 |       <div class="itu-box-img">
 10 |         <el-upload
 11 |           class="avatar-uploader"
 12 |           action="https://jsonplaceholder.typicode.com/posts/"
 13 |           :show-file-list="false"
 14 |           :on-success="handleAvatarSuccess"
 15 |           :before-upload="beforeAvatarUpload"
 16 |         >
 17 |           <img v-if="img" :src="img" class="avatar" />
 18 |           <i v-else class="el-icon-plus avatar-uploader-icon"></i>
 19 |         </el-upload>
 20 |       </div>
 21 |     </div>
 22 |     <div class="itu-box">
 23 |       <div class="itu-box-left itu-box-image-input">文字</div>
 24 |       <div style="flex: 1;padding-right: 10px">
 25 |         <el-input
 26 |           v-model="rtitle"
 27 |           placeholder="请输入内容"
 28 |           size="mini"
 29 |           maxlength="5"
 30 |           show-word-limit
 31 |         ></el-input>
 32 |       </div>
 33 |     </div>
 34 |     <div class="itu-box">
 35 |       <div class="itu-box-left itu-box-image-input">链接</div>
 36 |       <div style="flex: 1;padding-right: 10px">
 37 |         <div class="itu-box-url-box" @click="showDialog = true">
 38 |           <i class="el-icon-link itu-box-url-url-ico"></i>请选择连接
 39 |         </div>
 40 |       </div>
 41 |     </div>
 42 |   </div>
 43 | </template>
 44 | 
 45 | <script>
 46 | import urlDialog from "../../../dialog/url/src/main";
 47 | export default {
 48 |   name: "ImageTitleUrl",
 49 |   props: {
 50 |     img: {
 51 |       type: String
 52 |     },
 53 |     title: {
 54 |       type: String
 55 |     },
 56 |     url: {
 57 |       type: String
 58 |     }
 59 |   },
 60 |   data() {
 61 |     return {
 62 |       rtitle: this.title,
 63 |       showDialog: false
 64 |     };
 65 |   },
 66 |   watch: {
 67 |     rtitle(newVal, oldVal) {
 68 |       console.log(newVal, oldVal);
 69 |       this.$emit("update:title", newVal);
 70 |       console.log("修改后：", this.title);
 71 |     }
 72 |   },
 73 |   components: {
 74 |     // 第三方组件实例化
 75 |     urlDialog
 76 |   },
 77 |   computed: {},
 78 |   methods: {
 79 |     handleAvatarSuccess(res, file) {
 80 |       this.img = URL.createObjectURL(file.raw);
 81 |     },
 82 |     beforeAvatarUpload(file) {
 83 |       const isJPG = file.type === "image/jpeg";
 84 |       const isLt2M = file.size / 1024 / 1024 < 2;
 85 | 
 86 |       if (!isJPG) {
 87 |         this.$message.error("上传头像图片只能是 JPG 格式!");
 88 |       }
 89 |       if (!isLt2M) {
 90 |         this.$message.error("上传头像图片大小不能超过 2MB!");
 91 |       }
 92 |       return isJPG && isLt2M;
 93 |     },
 94 |     open() {}
 95 |   },
 96 |   mounted() {}
 97 | };
 98 | </script>
 99 | 
100 | <style scoped>
101 | @import "../../../theme-default/css/ants.css";
102 | @import "../../../theme-default/css/diy.css";
103 | /deep/.avatar-uploader .el-upload {
104 |   border: 1px dashed #d9d9d9;
105 |   border-radius: 6px;
106 |   cursor: pointer;
107 |   position: relative;
108 |   overflow: hidden;
109 | }
110 | /deep/.avatar-uploader .el-upload:hover {
111 |   border-color: #fd463e;
112 | }
113 | .avatar-uploader-icon {
114 |   font-size: 14px;
115 |   color: #8c939d;
116 |   width: 50px;
117 |   height: 50px;
118 |   line-height: 50px;
119 |   text-align: center;
120 | }
121 | .avatar {
122 |   width: 50px;
123 |   height: 50px;
124 |   display: block;
125 | }
126 | </style>
127 | 


--------------------------------------------------------------------------------
/packages/editor/tinymce/index.js:
--------------------------------------------------------------------------------
1 | import AntEditorTinymce from "./src/main";
2 | 
3 | /* istanbul ignore next */
4 | AntEditorTinymce.install = function(Vue) {
5 |   Vue.component(AntEditorTinymce.name, AntEditorTinymce);
6 | };
7 | 
8 | export default AntEditorTinymce;
9 | 


--------------------------------------------------------------------------------
/packages/editor/tinymce/src/main.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="tinymce-editor">
  3 |     <editor
  4 |       v-model="myValue"
  5 |       :init="init"
  6 |       :disabled="disabled"
  7 |       @onClick="onClick"
  8 |     >
  9 |     </editor>
 10 |     <AntImageDialog
 11 |       :atitle="atitle"
 12 |       :dialog-visible="showDialog"
 13 |       @dialog-cancel="showDialog = false"
 14 |       @antClick="antClickImg"
 15 |       :ant-data="antData"
 16 |       :rootUrl="baseUrl"
 17 |     ></AntImageDialog>
 18 |   </div>
 19 | </template>
 20 | <script>
 21 | import tinymce from "tinymce/tinymce";
 22 | import Editor from "@tinymce/tinymce-vue";
 23 | import "tinymce/themes/silver";
 24 | // 编辑器插件plugins
 25 | // 更多插件参考：https://www.tiny.cloud/docs/plugins/
 26 | // import "tinymce/plugins/antimage"; // 插入上传图片插件
 27 | import "../../../theme-default/tinymce/plugins/antimage/index"; // 插入上传图片插件
 28 | import "tinymce/plugins/media"; // 插入视频插件
 29 | import "tinymce/plugins/table"; // 插入表格插件
 30 | import "tinymce/plugins/lists"; // 列表插件
 31 | import "tinymce/plugins/wordcount"; // 字数统计插件
 32 | import "tinymce/plugins/code";
 33 | import "tinymce/plugins/preview";
 34 | 
 35 | import "tinymce/icons/default";
 36 | import "tinymce/skins/ui/oxide/skin.css";
 37 | import language from "../../../theme-default/tinymce/langs/zh_CN.js";
 38 | 
 39 | // ls s
 40 | import AntImageDialog from "../../../dialog/image/src/main";
 41 | // ls e
 42 | 
 43 | export default {
 44 |   name: "AntEditorTinymce",
 45 |   components: {
 46 |     Editor,
 47 |     AntImageDialog
 48 |   },
 49 |   props: {
 50 |     atitle: {
 51 |       type: String,
 52 |       default: "图片选择器"
 53 |     },
 54 |     antData: {
 55 |       // 弹窗的数据
 56 |       type: Object
 57 |     },
 58 |     value: {
 59 |       type: String,
 60 |       default: ""
 61 |     },
 62 |     // 基本路径，默认为空根目录，如果你的项目发布后的地址为目录形式，
 63 |     // 即abc.com/tinymce，baseUrl需要配置成tinymce，不然发布后资源会找不到
 64 |     baseUrl: {
 65 |       type: String,
 66 |       default: ""
 67 |     },
 68 |     disabled: {
 69 |       type: Boolean,
 70 |       default: false
 71 |     },
 72 |     plugins: {
 73 |       type: [String, Array],
 74 |       default: "lists antimage media table wordcount code"
 75 |     },
 76 |     toolbar: {
 77 |       type: [String, Array],
 78 |       default:
 79 |         "bold italic underline forecolor backcolor alignnone |  formatselect fontselect fontsizeselect | alignleft aligncenter alignright alignjustify | antimage | bullist numlist outdent indent | removeformat code"
 80 |     }
 81 |   },
 82 |   data() {
 83 |     return {
 84 |       // ls s
 85 |       showDialog: false, // 弹窗控制
 86 |       urlData: [
 87 |         { id: 1, title: "分类1" },
 88 |         { id: 2, title: "分类2" },
 89 |         { id: 3, title: "分类3" },
 90 |         { id: 4, title: "分类4" }
 91 |       ],
 92 |       // ls e
 93 |       init: {
 94 |         language_url: language,
 95 |         language: "zh_CN",
 96 |         skin_url: "/tinymce/skins/ui/oxide",
 97 |         content_css: "/tinymce/skins/content/default/content.css",
 98 |         // skin_url: `${this.baseUrl}/tinymce/skins/ui/oxide-dark`, // 暗色系
 99 |         // content_css: `${this.baseUrl}/tinymce/skins/content/dark/content.css`, // 暗色系
100 |         height: 300,
101 |         plugins: this.plugins,
102 |         toolbar: this.toolbar,
103 |         branding: false,
104 |         menubar: "file edit",
105 |         clickImage: this.clickImage,
106 |         menu: {
107 |           file: {
108 |             title: "File",
109 |             items: "newdocument"
110 |           },
111 |           edit: {
112 |             title: "Edit",
113 |             items: "undo redo | cut copy paste pastetext | selectall"
114 |           }
115 |         }
116 |         // 此处为图片上传处理函数，这个直接用了base64的图片形式上传图片，
117 |         // 如需ajax上传可参考https://www.tiny.cloud/docs/configure/file-antimage-upload/#images_upload_handler
118 |         // images_upload_handler: (blobInfo, success, failure) => {
119 |         //   const img = "data:antimage/jpeg;base64," + blobInfo.base64();
120 |         //   success(img);
121 |         // }
122 |       },
123 |       myValue: this.value
124 |     };
125 |   },
126 |   mounted() {
127 |     tinymce.init({});
128 |   },
129 |   methods: {
130 |     // 添加相关的事件，可用的事件参照文档=> https://github.com/tinymce/tinymce-vue => All available events
131 |     // 需要什么事件可以自己增加
132 |     onClick(e) {
133 |       this.$emit("onClick", e, tinymce);
134 |     },
135 |     // 可以添加一些自己的自定义事件，如清空内容
136 |     clear() {
137 |       this.myValue = "";
138 |     },
139 |     antClick(e) {
140 |       console.log("弹窗返回值：", e);
141 |     },
142 |     clickImage() {
143 |       console.log("弹");
144 |       this.showDialog = true;
145 |     },
146 |     // 选择图片之后返回
147 |     antClickImg(e) {
148 |       this.returnImgdata = e;
149 |       var html =
150 |         '<img src="' + this.baseUrl + e.img.url + '" class="image" /><br />';
151 |       this.myValue += html;
152 |     }
153 |   },
154 |   watch: {
155 |     value(newValue) {
156 |       this.myValue = newValue;
157 |     },
158 |     myValue(newValue) {
159 |       this.$emit("input", newValue);
160 |     }
161 |   }
162 | };
163 | </script>
164 | 


--------------------------------------------------------------------------------
/packages/form/colorPicker/index.js:
--------------------------------------------------------------------------------
1 | import AntFormColorPicker from "./src/main";
2 | 
3 | /* istanbul ignore next */
4 | AntFormColorPicker.install = function(Vue) {
5 |   Vue.component(AntFormColorPicker.name, AntFormColorPicker);
6 | };
7 | 
8 | export default AntFormColorPicker;
9 | 


--------------------------------------------------------------------------------
/packages/form/colorPicker/src/main.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <div class="ant-color-picker">
 4 |       <div class="ant-color-picker-title">{{ title }}</div>
 5 |       <el-color-picker
 6 |         v-model="retColor"
 7 |         size="mini"
 8 |         @change="change"
 9 |       ></el-color-picker>
10 |     </div>
11 |   </div>
12 | </template>
13 | 
14 | <script>
15 | export default {
16 |   name: "AntFormColorPicker",
17 |   props: {
18 |     title: {
19 |       type: String,
20 |       default: "默认值"
21 |     },
22 |     color: {
23 |       type: String,
24 |       default: ""
25 |     }
26 |   },
27 |   data() {
28 |     return {
29 |       retColor: this.color
30 |     };
31 |   },
32 |   watch: {
33 |     color(newV, oldV) {
34 |       // do something
35 |       console.log(newV, oldV);
36 |       this.retColor = newV;
37 |     }
38 |   },
39 |   methods: {
40 |     change(e) {
41 |       this.$emit("antChange", {
42 |         color: e
43 |       });
44 |     }
45 |   },
46 |   mounted() {}
47 | };
48 | </script>
49 | 
50 | <style scoped>
51 | .ant-color-picker {
52 |   height: 30px;
53 |   display: flex;
54 |   margin-top: 5px;
55 | }
56 | .ant-color-picker-title {
57 |   height: 30px;
58 |   line-height: 30px;
59 |   font-size: 14px;
60 |   width: 60px;
61 |   text-align: right;
62 |   color: #666;
63 | }
64 | /deep/.el-color-picker--mini .el-color-picker__trigger {
65 |   width: 60px;
66 | }
67 | /deep/.el-color-picker--mini {
68 |   margin-left: 10px;
69 | }
70 | /deep/.el-color-picker__empty,
71 | .el-color-picker__icon {
72 |   display: none;
73 | }
74 | /deep/.el-color-picker__icon {
75 |   display: none;
76 | }
77 | </style>
78 | 


--------------------------------------------------------------------------------
/packages/form/switch/index.js:
--------------------------------------------------------------------------------
1 | import AntFormSwitch from "./src/main";
2 | 
3 | /* istanbul ignore next */
4 | AntFormSwitch.install = function(Vue) {
5 |   Vue.component(AntFormSwitch.name, AntFormSwitch);
6 | };
7 | 
8 | export default AntFormSwitch;
9 | 


--------------------------------------------------------------------------------
/packages/form/switch/src/main.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div class="myswitch">
  3 |     <div class="switch-title">{{ title }}</div>
  4 |     <el-popover
  5 |       placement="top"
  6 |       width="200"
  7 |       trigger="hover"
  8 |       :content="content"
  9 |       popper-class="switch-popper"
 10 |       :visible-arrow="false"
 11 |     >
 12 |       <i class="el-icon-question" v-if="content != ''" slot="reference"></i>
 13 |     </el-popover>
 14 |     <el-switch
 15 |       class="switch-switch"
 16 |       v-model="value"
 17 |       @change="change"
 18 |       :disabled="disabled"
 19 |       :active-color="activeColor"
 20 |     ></el-switch>
 21 |   </div>
 22 | </template>
 23 | 
 24 | <script>
 25 | export default {
 26 |   name: "AntFormSwitch",
 27 |   props: {
 28 |     title: {
 29 |       type: String,
 30 |       default: "默认值"
 31 |     },
 32 |     content: {
 33 |       type: String,
 34 |       default: ""
 35 |     },
 36 |     value: {
 37 |       type: Boolean,
 38 |       default: false
 39 |     },
 40 |     activeColor: {
 41 |       // 打开时候的背景色
 42 |       type: String,
 43 |       default: "#FB6638"
 44 |     },
 45 |     disabled: {
 46 |       // 是否禁用
 47 |       type: Boolean,
 48 |       default: false
 49 |     }
 50 |   },
 51 |   data() {
 52 |     return {};
 53 |   },
 54 |   components: {
 55 |     // 第三方组件实例化
 56 |   },
 57 |   computed: {},
 58 |   methods: {
 59 |     // 方法
 60 |     change() {
 61 |       this.$emit("antChange", {
 62 |         value: this.value
 63 |       });
 64 |     }
 65 |   },
 66 |   mounted() {}
 67 | };
 68 | </script>
 69 | 
 70 | <style>
 71 | .myswitch {
 72 |   display: flex;
 73 |   height: 40px;
 74 |   line-height: 40px;
 75 | }
 76 | .switch-title {
 77 |   font-size: 14px;
 78 |   color: #606266;
 79 |   line-height: 40px;
 80 |   width: 150px;
 81 |   text-align: right;
 82 |   padding-right: 10px;
 83 | }
 84 | .switch-switch {
 85 |   margin-top: 9px;
 86 |   margin-left: 10px;
 87 | }
 88 | 
 89 | .el-popover.switch-popper {
 90 |   background: #2d3d50 !important;
 91 |   border: 0;
 92 |   color: #ffffff;
 93 | }
 94 | /*/deep/.popper__arrow {*/
 95 | /*  border-left-color: #2d3d50 !important;*/
 96 | /*}*/
 97 | /*/deep/.popper__arrow::after {*/
 98 | /*  border-left-color: #2d3d50 !important;*/
 99 | /*}*/
100 | </style>
101 | 


--------------------------------------------------------------------------------
/packages/index.js:
--------------------------------------------------------------------------------
 1 | import datePicker from "./datePicker/index.js";
 2 | import AntDiy from "./diy/index.js";
 3 | import AntFormSwitch from "./form/switch/index.js";
 4 | import AntFormColorPicker from "./form/colorPicker/index.js";
 5 | import AntUrlDialog from "./dialog/url";
 6 | import AntImageDialog from "./dialog/image";
 7 | import AntEditorTinymce from "./editor/tinymce/index";
 8 | 
 9 | const components = [
10 |   datePicker,
11 |   AntDiy,
12 |   AntFormSwitch,
13 |   AntFormColorPicker,
14 |   AntUrlDialog,
15 |   AntImageDialog,
16 |   AntEditorTinymce
17 | ];
18 | 
19 | const install = function(Vue) {
20 |   if (install.installed) return;
21 |   components.map(component => Vue.component(component.name, component));
22 | };
23 | 
24 | if (typeof window !== "undefined" && window.Vue) {
25 |   install(window.Vue);
26 | }
27 | 
28 | export default {
29 |   install,
30 |   datePicker,
31 |   AntDiy,
32 |   AntFormSwitch,
33 |   AntFormColorPicker,
34 |   AntUrlDialog,
35 |   AntImageDialog,
36 |   AntEditorTinymce
37 | };
38 | 


--------------------------------------------------------------------------------
/packages/js/do.js:
--------------------------------------------------------------------------------
  1 | import axios from "axios";
  2 | import { Message } from "element-ui";
  3 | 
  4 | /**
  5 |  * 获取分类列表
  6 |  * @param url
  7 |  * @param parame
  8 |  * @param headers
  9 |  * @param callback
 10 |  */
 11 | const getBoxList = (url, parame, headers, callback) => {
 12 |   // 拼接请求参数
 13 |   var data = new FormData();
 14 |   let obj = JSON.parse(JSON.stringify(parame));
 15 |   for (var i in obj) {
 16 |     var property = obj[i];
 17 |     data.append(i, property);
 18 |   }
 19 | 
 20 |   axios
 21 |     .post(url, data, {
 22 |       headers: headers
 23 |     })
 24 |     .then(res => {
 25 |       if (res.status != 200) {
 26 |         Message.error("网络异常");
 27 |         callback({ code: res.status, msg: "网络异常" });
 28 |       } else {
 29 |         callback(res.data);
 30 |       }
 31 |     });
 32 | };
 33 | 
 34 | /**
 35 |  * 分页获取所有图片
 36 |  * @param url 请求路径
 37 |  * @param parame 请求额外参数
 38 |  * @param headers 请求头
 39 |  * @param boxid 分类ID
 40 |  * @param search 收缩关键词
 41 |  * @param page 当前页数
 42 |  * @param callback
 43 |  */
 44 | 
 45 | const getImagesByBoxidAndPage = (
 46 |   url,
 47 |   parame,
 48 |   headers,
 49 |   boxid,
 50 |   search = "",
 51 |   page,
 52 |   callback
 53 | ) => {
 54 |   // 拼接请求参数
 55 |   var data = new FormData();
 56 |   let obj = JSON.parse(JSON.stringify(parame));
 57 |   console.log("接口准备111");
 58 |   for (var i in obj) {
 59 |     var property = obj[i];
 60 |     data.append(i, property);
 61 |   }
 62 |   data.append("limit", 15);
 63 |   data.append("page", page);
 64 |   if (boxid) {
 65 |     data.append("id", boxid);
 66 |   }
 67 |   if (search) {
 68 |     data.append("search", search);
 69 |   }
 70 | 
 71 |   axios
 72 |     .post(url, data, {
 73 |       headers: headers
 74 |     })
 75 |     .then(res => {
 76 |       if (res.status != 200) {
 77 |         Message.error("网络异常");
 78 |         callback({ code: res.status, msg: "网络异常" });
 79 |       } else {
 80 |         callback(res.data);
 81 |       }
 82 |     });
 83 | };
 84 | 
 85 | /**
 86 |  * 添加或者修改图片分类
 87 |  * @param name
 88 |  * @param id
 89 |  * @param callback
 90 |  */
 91 | const saveBox = (url, parame, headers, id = 0, name, callback) => {
 92 |   // 拼接请求参数
 93 |   var data = new FormData();
 94 |   let obj = JSON.parse(JSON.stringify(parame));
 95 |   console.log("添加图片分类");
 96 |   for (var i in obj) {
 97 |     var property = obj[i];
 98 |     data.append(i, property);
 99 |   }
100 |   data.append("name", name);
101 |   if (id != 0) {
102 |     data.append("id", id);
103 |   }
104 | 
105 |   axios
106 |     .post(url, data, {
107 |       headers: headers
108 |     })
109 |     .then(res => {
110 |       if (res.status != 200) {
111 |         Message.error("网络异常");
112 |         callback({ code: res.status, msg: "网络异常" });
113 |       } else {
114 |         callback(res.data);
115 |       }
116 |     });
117 | };
118 | 
119 | /**
120 |  * 删除分组
121 |  * @param url
122 |  * @param parame
123 |  * @param headers
124 |  * @param id
125 |  * @param callback
126 |  */
127 | const delBox = (url, parame, headers, id = 0, callback) => {
128 |   // 拼接请求参数
129 |   var data = new FormData();
130 |   let obj = JSON.parse(JSON.stringify(parame));
131 |   console.log("删除图片分类");
132 |   for (var i in obj) {
133 |     var property = obj[i];
134 |     data.append(i, property);
135 |   }
136 |   if (id != 0) {
137 |     data.append("id", id);
138 |   }
139 | 
140 |   axios
141 |     .post(url, data, {
142 |       headers: headers
143 |     })
144 |     .then(res => {
145 |       if (res.status != 200) {
146 |         Message.error("网络异常");
147 |         callback({ code: res.status, msg: "网络异常" });
148 |       } else {
149 |         callback(res.data);
150 |       }
151 |     });
152 | };
153 | 
154 | /**
155 |  * 上传文件
156 |  * @param url
157 |  * @param parame
158 |  * @param headers
159 |  * @param image
160 |  * @param callback
161 |  */
162 | const uploadfile = (url, parame, headers, image, callback) => {
163 |   // 拼接请求参数
164 |   var data = new FormData();
165 |   let obj = JSON.parse(JSON.stringify(parame));
166 |   console.log("上传图片");
167 |   for (var i in obj) {
168 |     var property = obj[i];
169 |     data.append(i, property);
170 |   }
171 |   if (image != 0) {
172 |     data.append("image", image);
173 |   }
174 | 
175 |   axios
176 |     .post(url, data, {
177 |       headers: headers
178 |     })
179 |     .then(res => {
180 |       if (res.status != 200) {
181 |         Message.error("网络异常");
182 |         callback({ code: res.status, msg: "网络异常" });
183 |       } else {
184 |         callback(res.data);
185 |       }
186 |     });
187 | };
188 | 
189 | /**
190 |  * 删除图片
191 |  * @param url
192 |  * @param parame
193 |  * @param headers
194 |  * @param id
195 |  * @param callback
196 |  */
197 | const delImageById = (url, parame, headers, id, callback) => {
198 |   // 拼接请求参数
199 |   var data = new FormData();
200 |   let obj = JSON.parse(JSON.stringify(parame));
201 |   console.log("删除图片");
202 |   for (var i in obj) {
203 |     var property = obj[i];
204 |     data.append(i, property);
205 |   }
206 |   data.append("id", id);
207 | 
208 |   axios
209 |     .post(url, data, {
210 |       headers: headers
211 |     })
212 |     .then(res => {
213 |       if (res.status != 200) {
214 |         Message.error("网络异常");
215 |         callback({ code: res.status, msg: "网络异常" });
216 |       } else {
217 |         callback(res.data);
218 |       }
219 |     });
220 | };
221 | 
222 | export {
223 |   getBoxList,
224 |   getImagesByBoxidAndPage,
225 |   saveBox,
226 |   delBox,
227 |   uploadfile,
228 |   delImageById
229 | };
230 | 


--------------------------------------------------------------------------------
/packages/theme-default/css/ants.css:
--------------------------------------------------------------------------------
  1 | .ant-flex {
  2 |   display: flex;
  3 | }
  4 | .dialog-left-list {
  5 |   font-size: 12px;
  6 |   cursor: pointer;
  7 |   height: 32px;
  8 |   line-height: 32px;
  9 | }
 10 | .dialog-left-list-one {
 11 |   padding-left: 15px;
 12 | }
 13 | .dialog-left-list-ones {
 14 |   padding-left: 15px;
 15 |   margin-right: 10px;
 16 |   color: #fb6638;
 17 |   background: #fff3ef;
 18 |   border-radius: 5px;
 19 | }
 20 | .dialog-left-list-two {
 21 |   padding-left: 25px;
 22 | }
 23 | .dialog-left-list-twos {
 24 |   padding-left: 25px;
 25 |   margin-right: 10px;
 26 |   color: #fb6638;
 27 |   background: #fff3ef;
 28 |   border-radius: 5px;
 29 | }
 30 | .dialog-content-right-alert {
 31 |   margin-bottom: 10px;
 32 | }
 33 | .ant-dialog-btn {
 34 |   height: 32px;
 35 |   font-size: 12px;
 36 |   line-height: 32px;
 37 |   padding: 0 20px;
 38 |   margin-right: 20px;
 39 |   border: 1px #e5e5e5 solid;
 40 |   border-radius: 4px;
 41 |   cursor: pointer;
 42 | }
 43 | .has-gutter tr {
 44 |   background: #f7f7f7;
 45 | }
 46 | .el-table--border {
 47 |   border-radius: 4px;
 48 | }
 49 | .image-dialog-imglist {
 50 |   display: flex;
 51 |   justify-content: flex-start;
 52 |   flex-flow: wrap;
 53 | }
 54 | .image-dialog-imglist-sl {
 55 |   width: 110px;
 56 |   height: 110px;
 57 |   border-radius: 5px;
 58 |   position: absolute;
 59 |   z-index: 999;
 60 |   background-color: #000000;
 61 |   opacity: 0.6;
 62 |   color: #ffffff;
 63 |   font-size: 16px;
 64 |   line-height: 110px;
 65 |   text-align: center;
 66 |   font-size: 24px;
 67 | }
 68 | .image-dialog-imglist-hover {
 69 |   width: 110px;
 70 |   height: 30px;
 71 |   border-radius: 0 0 5px 5px;
 72 |   position: absolute;
 73 |   z-index: 999;
 74 |   background-color: #000000;
 75 |   opacity: 0.6;
 76 |   color: #ffffff;
 77 |   font-size: 12px;
 78 |   line-height: 30px;
 79 |   margin-top: 80px;
 80 |   text-align: center;
 81 | }
 82 | .image-dialog-del {
 83 |   position: absolute;
 84 |   margin-left: 100px;
 85 |   z-index: 99;
 86 |   margin-top: -5px;
 87 | }
 88 | .dis {
 89 |   cursor: pointer;
 90 |   margin-left: 3px;
 91 |   margin-right: 3px;
 92 | }
 93 | 
 94 | .dis i.image-dialog-del {
 95 |   display: none;
 96 | }
 97 | .dis:hover i.image-dialog-del {
 98 |   display: block;
 99 | }
100 | .dis div.image-dialog-imglist-hover {
101 |   display: none;
102 | }
103 | .dis:hover div.image-dialog-imglist-hover {
104 |   display: block;
105 | }
106 | .el-upload-list {
107 |   position: absolute;
108 |   margin-left: -100px;
109 |   z-index: 999;
110 |   background-color: #ffffff;
111 |   border-radius: 5px;
112 | }
113 | 


--------------------------------------------------------------------------------
/packages/theme-default/css/diy.css:
--------------------------------------------------------------------------------
  1 | .diy-left {
  2 |   width: 300px;
  3 |   overflow: scroll;
  4 |   background: #fff;
  5 |   overflow-x: hidden;
  6 | }
  7 | .diy-left::-webkit-scrollbar-track {
  8 |   background-color: #f2f4f7;
  9 | }
 10 | .diy-right {
 11 |   width: 380px;
 12 |   overflow: scroll;
 13 |   overflow-x: hidden;
 14 | }
 15 | .diy-middle {
 16 |   flex: 1;
 17 |   overflow: scroll;
 18 |   overflow-x: hidden;
 19 | }
 20 | ::-webkit-scrollbar {
 21 |   width: 10px;
 22 |   height: 10px;
 23 |   background-color: rgba(0, 0, 0, 0.1);
 24 | }
 25 | ::-webkit-scrollbar-thumb {
 26 |   background-color: #b1b3bf;
 27 | }
 28 | ::-webkit-scrollbar-track {
 29 |   background-color: #d7d7d7;
 30 | }
 31 | /*::selection {*/
 32 | /*    color: #fff;*/
 33 | /*    background: #ff9f7d;*/
 34 | /*}*/
 35 | .diy-right::-webkit-scrollbar {
 36 |   width: 0px;
 37 |   height: 0px;
 38 |   background-color: rgba(0, 0, 0, 0.1);
 39 | }
 40 | .no-huakuai::-webkit-scrollbar {
 41 |   width: 0px;
 42 |   height: 0px;
 43 |   background-color: rgba(0, 0, 0, 0.1);
 44 | }
 45 | .el-scrollbar__wrap {
 46 |   overflow-x: hidden !important;
 47 |   overflow-y: scroll !important;
 48 | }
 49 | .el-collapse {
 50 |   border-top: 0px;
 51 |   border-bottom: 0px;
 52 |   overflow: hidden;
 53 | }
 54 | .el-collapse-item {
 55 |   margin-bottom: 10px;
 56 | }
 57 | .el-collapse-item__header {
 58 |   display: flex;
 59 |   align-items: center;
 60 |   height: 40px;
 61 |   line-height: 40px;
 62 |   background-color: #f7f7fa;
 63 |   color: #333333;
 64 |   font-weight: bold;
 65 |   border: 1px solid #eeeeee;
 66 |   cursor: pointer;
 67 |   font-size: 13px;
 68 |   transition: border-bottom-color 0.3s;
 69 |   outline: 0;
 70 |   padding-left: 10px;
 71 | }
 72 | .el-collapse-item__content {
 73 |   border-left: 1px solid #eeeeee;
 74 |   border-right: 1px solid #eeeeee;
 75 |   padding: 8px 8px 0px 8px;
 76 | }
 77 | .el-collapse-item:last-child {
 78 |   margin-bottom: 0;
 79 | }
 80 | 
 81 | .zj-z {
 82 |   display: flex;
 83 |   justify-content: space-between;
 84 |   cursor: pointer;
 85 |   flex-wrap: wrap;
 86 | }
 87 | .zj-z:after {
 88 |   content: "";
 89 |   width: 78px;
 90 | }
 91 | .zj {
 92 |   width: 76px;
 93 |   height: 28px;
 94 |   border: 1px solid #eeeeee;
 95 |   background: #f8f8fa;
 96 |   color: #333;
 97 |   text-align: center;
 98 |   padding-top: 48px;
 99 |   margin-bottom: 10px;
100 | }
101 | .zj:hover {
102 |   border: 1px solid #fd463e;
103 |   background-color: #fbf6f5;
104 | }
105 | .diy-phone {
106 |   width: 377px;
107 |   height: auto;
108 |   border: 1px solid #ddd;
109 |   border-radius: 4px;
110 |   background: #fafafa;
111 |   padding: 20px 12px;
112 |   margin: 50px auto 30px auto;
113 |   position: relative;
114 | }
115 | .diy-phone-body {
116 |   min-height: 650px;
117 |   width: 375px;
118 |   border: 1px solid #ddd;
119 |   border-radius: 4px;
120 |   background: #fff;
121 |   background-repeat: no-repeat;
122 |   position: relative;
123 |   background-size: contain;
124 | }
125 | .diy-flx {
126 |   position: fixed;
127 |   width: 42px;
128 |   height: 252px;
129 |   background: #73767d;
130 |   left: 50%;
131 |   top: 200px;
132 |   margin-top: 100px;
133 |   margin-left: 180px;
134 |   border-radius: 2px;
135 |   text-align: center;
136 |   z-index: 3;
137 |   color: #ffffff;
138 |   line-height: 42px;
139 | }
140 | .diy-icon {
141 |   height: 42px;
142 |   cursor: pointer;
143 | }
144 | .diy-active {
145 |   position: relative;
146 |   width: auto;
147 |   height: auto;
148 |   cursor: pointer;
149 | }
150 | .diy-active:before {
151 |   content: " ";
152 |   display: block;
153 |   position: absolute;
154 |   top: 0;
155 |   right: 0;
156 |   bottom: 0;
157 |   left: 0;
158 |   z-index: 80;
159 |   border: #fd463e 1px solid;
160 | }
161 | .diy-show {
162 |   position: relative;
163 |   width: auto;
164 |   height: auto;
165 |   cursor: pointer;
166 | }
167 | .diy-show:before {
168 |   content: " ";
169 |   display: block;
170 |   position: absolute;
171 |   top: 0;
172 |   right: 0;
173 |   bottom: 0;
174 |   left: 0;
175 |   z-index: 80;
176 |   background-color: #333333;
177 |   filter: alpha(Opacity=70);
178 |   -moz-opacity: 0.7;
179 |   opacity: 0.7;
180 | }
181 | /*会员信息组件*/
182 | .diy-mamber {
183 |   width: 375px;
184 |   height: 120px;
185 | }
186 | .person-img {
187 |   border: 2px solid #fff;
188 |   -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
189 |   box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
190 |   margin-right: 12px;
191 |   width: 50px;
192 |   height: 50px;
193 |   border-radius: 50%;
194 | }
195 | .menber-header {
196 |   padding: 5px 12px 20px;
197 |   -webkit-box-align: center;
198 |   -webkit-align-items: center;
199 |   -ms-flex-align: center;
200 |   align-items: center;
201 |   display: flex;
202 | }
203 | .u-level {
204 |   display: flex;
205 |   font-size: 12px;
206 |   color: #ddc095;
207 |   background: #474758;
208 |   height: 16px;
209 |   line-height: 16px;
210 |   margin-top: 10px;
211 |   border-radius: 8px;
212 |   width: 75px;
213 |   text-align: right;
214 |   padding-right: 8px;
215 | }
216 | .level-icon {
217 |   color: #fff;
218 |   background: linear-gradient(45deg, #f1cea7, #f1cea7);
219 |   border-radius: 50%;
220 |   width: 16px;
221 |   height: 16px;
222 |   line-height: 16px;
223 |   text-align: center;
224 |   margin-right: 5px;
225 | }
226 | .u-name {
227 |   font-weight: 700;
228 |   font-size: 15px;
229 |   color: #fff;
230 | }
231 | .coupon-bg {
232 |   position: absolute;
233 |   top: 10px;
234 |   right: 0;
235 |   width: 105px;
236 |   z-index: 2;
237 | }
238 | .coupon {
239 |   right: 0;
240 |   top: 25px;
241 |   font-size: 12px;
242 |   position: absolute;
243 |   -webkit-transform: rotate(8deg);
244 |   transform: rotate(8deg);
245 |   color: #e5d394;
246 |   padding: 10px 20px 30px 0;
247 |   z-index: 3;
248 | }
249 | .coupon p {
250 |   line-height: 16px;
251 |   margin-block-start: 0em;
252 |   margin-block-end: 0em;
253 | }
254 | .balance {
255 |   height: 40px;
256 |   background: rgba(0, 0, 0, 0.1);
257 |   display: flex;
258 | }
259 | .flex {
260 |   display: flex;
261 |   width: 50%;
262 |   height: 24px;
263 |   margin-top: 8px;
264 | }
265 | .icon-balance {
266 |   width: 15px;
267 |   height: 15px;
268 |   margin-left: 40px;
269 |   margin-right: 10px;
270 |   margin-top: 3px;
271 | }
272 | .bold {
273 |   font-weight: 700;
274 |   color: #ffffff;
275 | }
276 | .diy-del {
277 |   position: absolute;
278 |   width: 12px;
279 |   height: 16px;
280 |   border-radius: 0 0 0 16px;
281 |   background-color: #fd463e;
282 |   right: 0;
283 |   top: 0;
284 |   color: #ffffff;
285 |   line-height: 14px;
286 |   padding-left: 4px;
287 |   font-size: 12px;
288 |   z-index: 81;
289 | }
290 | .diy-div {
291 |   position: relative;
292 |   width: auto;
293 |   height: auto;
294 |   cursor: pointer;
295 | }
296 | .diy-div:hover:before {
297 |   content: " ";
298 |   display: block;
299 |   position: absolute;
300 |   top: 0;
301 |   right: 0;
302 |   bottom: 0;
303 |   left: 0;
304 |   z-index: 80;
305 |   border: #fd463e 1px solid;
306 | }
307 | .diy-right-title {
308 |   height: 50px;
309 |   line-height: 50px;
310 |   font-size: 14px;
311 |   font-weight: 700;
312 |   background-color: #ffffff;
313 |   display: flex;
314 |   color: #666666;
315 | }
316 | .diy-right-title-img {
317 |   height: 50px;
318 |   width: 50px;
319 |   background-size: 70% 70%;
320 |   background-repeat: no-repeat;
321 | }
322 | .diy-right-box {
323 |   background: #ffffff;
324 |   height: auto;
325 |   margin-top: 5px;
326 | }
327 | .diy-right-box-title {
328 |   padding-left: 10px;
329 |   height: 36px;
330 |   line-height: 36px;
331 |   font-size: 12px;
332 |   font-weight: 700;
333 |   background-color: #ffffff;
334 |   color: #333;
335 | }
336 | .diy-order-title {
337 |   display: flex;
338 |   justify-content: space-between;
339 |   padding: 10px;
340 | }
341 | .diy-order-title-left {
342 |   font-weight: bold;
343 |   height: 20px;
344 |   line-height: 20px;
345 | }
346 | .diy-order-title-right {
347 |   font-size: 12px;
348 |   color: #9c9ea9;
349 |   height: 20px;
350 |   line-height: 20px;
351 | }
352 | .diy-order-btn-list {
353 |   display: flex;
354 |   justify-content: space-around;
355 | }
356 | .diy-order-btn-box {
357 |   text-align: center;
358 |   margin-bottom: 10px;
359 | }
360 | .diy-order-btn-list-image {
361 |   width: 40px;
362 | }
363 | .diy-order-btn-list-title {
364 |   font-size: 12px;
365 | }
366 | .itu-z {
367 |   background-color: #f6f7f9;
368 |   border: 1px solid #eeeeee;
369 |   padding-bottom: 10px;
370 |   margin-bottom: 10px;
371 | }
372 | .itu-box {
373 |   display: flex;
374 |   font-size: 12px;
375 |   color: #666666;
376 |   margin-top: 10px;
377 | }
378 | .itu-box-left {
379 |   width: 50px;
380 |   text-align: right;
381 |   margin-right: 10px;
382 | }
383 | .itu-box-image-title {
384 |   height: 50px;
385 |   line-height: 50px;
386 | }
387 | .itu-box-image-input {
388 |   height: 28px;
389 |   line-height: 28px;
390 | }
391 | .itu-box-url-box {
392 |   height: 28px;
393 |   line-height: 28px;
394 |   background-color: #e8effc;
395 |   width: auto;
396 |   color: #333333;
397 |   padding-left: 15px;
398 |   cursor: pointer;
399 | }
400 | .itu-box-url-url-ico {
401 |   margin-right: 10px;
402 | }
403 | .el-dialog {
404 |   border-radius: 6px !important;
405 |   width: 792px !important;
406 |   height: 70vh;
407 |   display: flex;
408 |   flex-flow: column;
409 | }
410 | .el-dialog__header {
411 |   padding: 10px 20px !important;
412 |   border-bottom: 1px solid #f7f7f7;
413 |   text-align: left;
414 | }
415 | .el-dialog__headerbtn {
416 |   top: 14px !important;
417 | }
418 | .el-dialog__title {
419 |   font-size: 14px !important;
420 |   color: #333 !important;
421 | }
422 | .el-dialog__body {
423 |   padding: 10px 20px !important;
424 |   flex: 1;
425 | }
426 | .el-dialog__footer {
427 |   padding: 10px 20px;
428 |   border-top: 1px solid #f7f7f7;
429 | }
430 | .dialog-content {
431 |   display: flex;
432 |   height: 100%;
433 | }
434 | .dialog-content-left {
435 |   width: 159px;
436 |   border-right: 1px solid #f7f7f7;
437 |   height: 100%;
438 |   text-align: left;
439 | }
440 | .dialog-content-right {
441 |   /*width: 600px;*/
442 |   flex: 1;
443 |   margin-left: 10px;
444 | }
445 | 


--------------------------------------------------------------------------------
/packages/theme-default/images/banner1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/banner1.png


--------------------------------------------------------------------------------
/packages/theme-default/images/banner2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/banner2.png


--------------------------------------------------------------------------------
/packages/theme-default/images/banner3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/banner3.png


--------------------------------------------------------------------------------
/packages/theme-default/images/center.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/center.png


--------------------------------------------------------------------------------
/packages/theme-default/images/default_banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/default_banner.png


--------------------------------------------------------------------------------
/packages/theme-default/images/default_picture.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/default_picture.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/audio.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/audio.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/banner.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/bargain.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/bargain.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/blank.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/blank.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/countdown.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/countdown.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/coupon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/coupon.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/cube.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/cube.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/fixedsearch.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/fixedsearch.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/float.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/float.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/form.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/form.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/goods.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/goods.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/goodsRanking.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/goodsRanking.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/groups.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/groups.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/guess.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/guess.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/hotspot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/hotspot.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/line.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/line.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/listmenu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/listmenu.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/live.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/live.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/member.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/member.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/memberIcon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/memberIcon.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/menu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/menu.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/notice.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/notice.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/order.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/order.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/picture.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/picture.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/pictures.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/pictures.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/popadvertising.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/popadvertising.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/presell.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/presell.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/richtext.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/richtext.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/search.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/search.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/seckill.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/seckill.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/storeLise.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/storeLise.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/storeLocation.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/storeLocation.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/tabbar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/tabbar.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/title.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/title.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/video.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/video.png


--------------------------------------------------------------------------------
/packages/theme-default/images/icon/wxlive.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/icon/wxlive.png


--------------------------------------------------------------------------------
/packages/theme-default/images/left.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/left.png


--------------------------------------------------------------------------------
/packages/theme-default/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/logo.png


--------------------------------------------------------------------------------
/packages/theme-default/images/person_img.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/person_img.jpg


--------------------------------------------------------------------------------
/packages/theme-default/images/person_info_balance.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/person_info_balance.png


--------------------------------------------------------------------------------
/packages/theme-default/images/person_info_card.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/person_info_card.png


--------------------------------------------------------------------------------
/packages/theme-default/images/person_info_coupon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/person_info_coupon.png


--------------------------------------------------------------------------------
/packages/theme-default/images/person_info_vip.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/person_info_vip.png


--------------------------------------------------------------------------------
/packages/theme-default/images/right.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/images/right.png


--------------------------------------------------------------------------------
/packages/theme-default/tinymce/langs/zh_CN.js:
--------------------------------------------------------------------------------
  1 | tinymce.addI18n("zh_CN", {
  2 |   Redo: "\u91cd\u505a",
  3 |   Undo: "\u64a4\u9500",
  4 |   Cut: "\u526a\u5207",
  5 |   Copy: "\u590d\u5236",
  6 |   Paste: "\u7c98\u8d34",
  7 |   "Select all": "\u5168\u9009",
  8 |   "New document": "\u65b0\u6587\u4ef6",
  9 |   Ok: "\u786e\u5b9a",
 10 |   Cancel: "\u53d6\u6d88",
 11 |   "Visual aids": "\u7f51\u683c\u7ebf",
 12 |   Bold: "\u7c97\u4f53",
 13 |   Italic: "\u659c\u4f53",
 14 |   Underline: "\u4e0b\u5212\u7ebf",
 15 |   Strikethrough: "\u5220\u9664\u7ebf",
 16 |   Superscript: "\u4e0a\u6807",
 17 |   Subscript: "\u4e0b\u6807",
 18 |   "Clear formatting": "\u6e05\u9664\u683c\u5f0f",
 19 |   "Align left": "\u5de6\u8fb9\u5bf9\u9f50",
 20 |   "Align center": "\u4e2d\u95f4\u5bf9\u9f50",
 21 |   "Align right": "\u53f3\u8fb9\u5bf9\u9f50",
 22 |   Justify: "\u4e24\u7aef\u5bf9\u9f50",
 23 |   "Bullet list": "\u9879\u76ee\u7b26\u53f7",
 24 |   "Numbered list": "\u7f16\u53f7\u5217\u8868",
 25 |   "Decrease indent": "\u51cf\u5c11\u7f29\u8fdb",
 26 |   "Increase indent": "\u589e\u52a0\u7f29\u8fdb",
 27 |   Close: "\u5173\u95ed",
 28 |   Formats: "\u683c\u5f0f",
 29 |   "Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X/C/V keyboard shortcuts instead.":
 30 |     "\u4f60\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u6253\u5f00\u526a\u8d34\u677f\uff0c\u8bf7\u4f7f\u7528Ctrl+X/C/V\u7b49\u5feb\u6377\u952e\u3002",
 31 |   Headers: "\u6807\u9898",
 32 |   "Header 1": "\u6807\u98981",
 33 |   "Header 2": "\u6807\u98982",
 34 |   "Header 3": "\u6807\u98983",
 35 |   "Header 4": "\u6807\u98984",
 36 |   "Header 5": "\u6807\u98985",
 37 |   "Header 6": "\u6807\u98986",
 38 |   Headings: "\u6807\u9898",
 39 |   "Heading 1": "\u6807\u98981",
 40 |   "Heading 2": "\u6807\u98982",
 41 |   "Heading 3": "\u6807\u98983",
 42 |   "Heading 4": "\u6807\u98984",
 43 |   "Heading 5": "\u6807\u98985",
 44 |   "Heading 6": "\u6807\u98986",
 45 |   Preformatted: "\u9884\u5148\u683c\u5f0f\u5316\u7684",
 46 |   Div: "Div",
 47 |   Pre: "Pre",
 48 |   Code: "\u4ee3\u7801",
 49 |   Paragraph: "\u6bb5\u843d",
 50 |   Blockquote: "\u5f15\u6587\u533a\u5757",
 51 |   Inline: "\u6587\u672c",
 52 |   Blocks: "\u57fa\u5757",
 53 |   "Paste is now in plain text mode. Contents will now be pasted as plain text until you toggle this option off.":
 54 |     "\u5f53\u524d\u4e3a\u7eaf\u6587\u672c\u7c98\u8d34\u6a21\u5f0f\uff0c\u518d\u6b21\u70b9\u51fb\u53ef\u4ee5\u56de\u5230\u666e\u901a\u7c98\u8d34\u6a21\u5f0f\u3002",
 55 |   Fonts: "\u5b57\u4f53",
 56 |   "Font Sizes": "\u5b57\u53f7",
 57 |   Class: "\u7c7b\u578b",
 58 |   "Browse for an image": "\u6d4f\u89c8\u56fe\u50cf",
 59 |   OR: "\u6216",
 60 |   "Drop an image here": "\u62d6\u653e\u4e00\u5f20\u56fe\u50cf\u81f3\u6b64",
 61 |   Upload: "\u4e0a\u4f20",
 62 |   Block: "\u5757",
 63 |   Align: "\u5bf9\u9f50",
 64 |   Default: "\u9ed8\u8ba4",
 65 |   Circle: "\u7a7a\u5fc3\u5706",
 66 |   Disc: "\u5b9e\u5fc3\u5706",
 67 |   Square: "\u65b9\u5757",
 68 |   "Lower Alpha": "\u5c0f\u5199\u82f1\u6587\u5b57\u6bcd",
 69 |   "Lower Greek": "\u5c0f\u5199\u5e0c\u814a\u5b57\u6bcd",
 70 |   "Lower Roman": "\u5c0f\u5199\u7f57\u9a6c\u5b57\u6bcd",
 71 |   "Upper Alpha": "\u5927\u5199\u82f1\u6587\u5b57\u6bcd",
 72 |   "Upper Roman": "\u5927\u5199\u7f57\u9a6c\u5b57\u6bcd",
 73 |   "Anchor...": "\u951a\u70b9...",
 74 |   Name: "\u540d\u79f0",
 75 |   Id: "\u6807\u8bc6\u7b26",
 76 |   "Id should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.":
 77 |     "\u6807\u8bc6\u7b26\u5e94\u8be5\u4ee5\u5b57\u6bcd\u5f00\u5934\uff0c\u540e\u8ddf\u5b57\u6bcd\u3001\u6570\u5b57\u3001\u7834\u6298\u53f7\u3001\u70b9\u3001\u5192\u53f7\u6216\u4e0b\u5212\u7ebf\u3002",
 78 |   "You have unsaved changes are you sure you want to navigate away?":
 79 |     "\u4f60\u8fd8\u6709\u6587\u6863\u5c1a\u672a\u4fdd\u5b58\uff0c\u786e\u5b9a\u8981\u79bb\u5f00\uff1f",
 80 |   "Restore last draft": "\u6062\u590d\u4e0a\u6b21\u7684\u8349\u7a3f",
 81 |   "Special character...": "\u7279\u6b8a\u5b57\u7b26...",
 82 |   "Source code": "\u6e90\u4ee3\u7801",
 83 |   "Insert/Edit code sample":
 84 |     "\u63d2\u5165/\u7f16\u8f91\u4ee3\u7801\u793a\u4f8b",
 85 |   Language: "\u8bed\u8a00",
 86 |   "Code sample...": "\u793a\u4f8b\u4ee3\u7801...",
 87 |   "Color Picker": "\u9009\u8272\u5668",
 88 |   R: "R",
 89 |   G: "G",
 90 |   B: "B",
 91 |   "Left to right": "\u4ece\u5de6\u5230\u53f3",
 92 |   "Right to left": "\u4ece\u53f3\u5230\u5de6",
 93 |   "Emoticons...": "\u8868\u60c5\u7b26\u53f7...",
 94 |   "Metadata and Document Properties":
 95 |     "\u5143\u6570\u636e\u548c\u6587\u6863\u5c5e\u6027",
 96 |   Title: "\u6807\u9898",
 97 |   Keywords: "\u5173\u952e\u8bcd",
 98 |   Description: "\u63cf\u8ff0",
 99 |   Robots: "\u673a\u5668\u4eba",
100 |   Author: "\u4f5c\u8005",
101 |   Encoding: "\u7f16\u7801",
102 |   Fullscreen: "\u5168\u5c4f",
103 |   Action: "\u64cd\u4f5c",
104 |   Shortcut: "\u5feb\u6377\u952e",
105 |   Help: "\u5e2e\u52a9",
106 |   Address: "\u5730\u5740",
107 |   "Focus to menubar": "\u79fb\u52a8\u7126\u70b9\u5230\u83dc\u5355\u680f",
108 |   "Focus to toolbar": "\u79fb\u52a8\u7126\u70b9\u5230\u5de5\u5177\u680f",
109 |   "Focus to element path":
110 |     "\u79fb\u52a8\u7126\u70b9\u5230\u5143\u7d20\u8def\u5f84",
111 |   "Focus to contextual toolbar":
112 |     "\u79fb\u52a8\u7126\u70b9\u5230\u4e0a\u4e0b\u6587\u83dc\u5355",
113 |   "Insert link (if link plugin activated)":
114 |     "\u63d2\u5165\u94fe\u63a5 (\u5982\u679c\u94fe\u63a5\u63d2\u4ef6\u5df2\u6fc0\u6d3b)",
115 |   "Save (if save plugin activated)":
116 |     "\u4fdd\u5b58(\u5982\u679c\u4fdd\u5b58\u63d2\u4ef6\u5df2\u6fc0\u6d3b)",
117 |   "Find (if searchreplace plugin activated)":
118 |     "\u67e5\u627e(\u5982\u679c\u67e5\u627e\u66ff\u6362\u63d2\u4ef6\u5df2\u6fc0\u6d3b)",
119 |   "Plugins installed ({0}):": "\u5df2\u5b89\u88c5\u63d2\u4ef6 ({0}):",
120 |   "Premium plugins:": "\u4f18\u79c0\u63d2\u4ef6\uff1a",
121 |   "Learn more...": "\u4e86\u89e3\u66f4\u591a...",
122 |   "You are using {0}": "\u4f60\u6b63\u5728\u4f7f\u7528 {0}",
123 |   Plugins: "\u63d2\u4ef6",
124 |   "Handy Shortcuts": "\u5feb\u6377\u952e",
125 |   "Horizontal line": "\u6c34\u5e73\u5206\u5272\u7ebf",
126 |   "Insert/edit image": "\u63d2\u5165/\u7f16\u8f91\u56fe\u7247",
127 |   "Image description": "\u56fe\u7247\u63cf\u8ff0",
128 |   Source: "\u5730\u5740",
129 |   Dimensions: "\u5927\u5c0f",
130 |   "Constrain proportions": "\u4fdd\u6301\u7eb5\u6a2a\u6bd4",
131 |   General: "\u666e\u901a",
132 |   Advanced: "\u9ad8\u7ea7",
133 |   Style: "\u6837\u5f0f",
134 |   "Vertical space": "\u5782\u76f4\u8fb9\u8ddd",
135 |   "Horizontal space": "\u6c34\u5e73\u8fb9\u8ddd",
136 |   Border: "\u8fb9\u6846",
137 |   "Insert image": "\u63d2\u5165\u56fe\u7247",
138 |   "Image...": "\u56fe\u7247...",
139 |   "Image list": "\u56fe\u7247\u5217\u8868",
140 |   "Rotate counterclockwise": "\u9006\u65f6\u9488\u65cb\u8f6c",
141 |   "Rotate clockwise": "\u987a\u65f6\u9488\u65cb\u8f6c",
142 |   "Flip vertically": "\u5782\u76f4\u7ffb\u8f6c",
143 |   "Flip horizontally": "\u6c34\u5e73\u7ffb\u8f6c",
144 |   "Edit image": "\u7f16\u8f91\u56fe\u7247",
145 |   "Image options": "\u56fe\u7247\u9009\u9879",
146 |   "Zoom in": "\u653e\u5927",
147 |   "Zoom out": "\u7f29\u5c0f",
148 |   Crop: "\u88c1\u526a",
149 |   Resize: "\u8c03\u6574\u5927\u5c0f",
150 |   Orientation: "\u65b9\u5411",
151 |   Brightness: "\u4eae\u5ea6",
152 |   Sharpen: "\u9510\u5316",
153 |   Contrast: "\u5bf9\u6bd4\u5ea6",
154 |   "Color levels": "\u989c\u8272\u5c42\u6b21",
155 |   Gamma: "\u4f3d\u9a6c\u503c",
156 |   Invert: "\u53cd\u8f6c",
157 |   Apply: "\u5e94\u7528",
158 |   Back: "\u540e\u9000",
159 |   "Insert date/time": "\u63d2\u5165\u65e5\u671f/\u65f6\u95f4",
160 |   "Date/time": "\u65e5\u671f/\u65f6\u95f4",
161 |   "Insert/Edit Link": "\u63d2\u5165/\u7f16\u8f91\u94fe\u63a5",
162 |   "Insert/edit link": "\u63d2\u5165/\u7f16\u8f91\u94fe\u63a5",
163 |   "Text to display": "\u663e\u793a\u6587\u5b57",
164 |   Url: "\u5730\u5740",
165 |   "Open link in...": "\u94fe\u63a5\u6253\u5f00\u4f4d\u7f6e...",
166 |   "Current window": "\u5f53\u524d\u7a97\u53e3",
167 |   None: "\u65e0",
168 |   "New window": "\u5728\u65b0\u7a97\u53e3\u6253\u5f00",
169 |   "Remove link": "\u5220\u9664\u94fe\u63a5",
170 |   Anchors: "\u951a\u70b9",
171 |   "Link...": "\u94fe\u63a5...",
172 |   "Paste or type a link": "\u7c98\u8d34\u6216\u8f93\u5165\u94fe\u63a5",
173 |   "The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?":
174 |     "\u4f60\u6240\u586b\u5199\u7684URL\u5730\u5740\u4e3a\u90ae\u4ef6\u5730\u5740\uff0c\u9700\u8981\u52a0\u4e0amailto:\u524d\u7f00\u5417\uff1f",
175 |   "The URL you entered seems to be an external link. Do you want to add the required http:// prefix?":
176 |     "\u4f60\u6240\u586b\u5199\u7684URL\u5730\u5740\u5c5e\u4e8e\u5916\u90e8\u94fe\u63a5\uff0c\u9700\u8981\u52a0\u4e0ahttp://:\u524d\u7f00\u5417\uff1f",
177 |   "Link list": "\u94fe\u63a5\u5217\u8868",
178 |   "Insert video": "\u63d2\u5165\u89c6\u9891",
179 |   "Insert/edit video": "\u63d2\u5165/\u7f16\u8f91\u89c6\u9891",
180 |   "Insert/edit media": "\u63d2\u5165/\u7f16\u8f91\u5a92\u4f53",
181 |   "Alternative source": "\u955c\u50cf",
182 |   "Alternative source URL": "\u66ff\u4ee3\u6765\u6e90\u7f51\u5740",
183 |   "Media poster (Image URL)": "\u5c01\u9762(\u56fe\u7247\u5730\u5740)",
184 |   "Paste your embed code below:":
185 |     "\u5c06\u5185\u5d4c\u4ee3\u7801\u7c98\u8d34\u5728\u4e0b\u9762:",
186 |   Embed: "\u5185\u5d4c",
187 |   "Media...": "\u591a\u5a92\u4f53...",
188 |   "Nonbreaking space": "\u4e0d\u95f4\u65ad\u7a7a\u683c",
189 |   "Page break": "\u5206\u9875\u7b26",
190 |   "Paste as text": "\u7c98\u8d34\u4e3a\u6587\u672c",
191 |   Preview: "\u9884\u89c8",
192 |   "Print...": "\u6253\u5370...",
193 |   Save: "\u4fdd\u5b58",
194 |   Find: "\u67e5\u627e",
195 |   "Replace with": "\u66ff\u6362\u4e3a",
196 |   Replace: "\u66ff\u6362",
197 |   "Replace all": "\u5168\u90e8\u66ff\u6362",
198 |   Previous: "\u4e0a\u4e00\u4e2a",
199 |   Next: "\u4e0b\u4e00\u4e2a",
200 |   "Find and replace...": "\u67e5\u627e\u5e76\u66ff\u6362...",
201 |   "Could not find the specified string.":
202 |     "\u672a\u627e\u5230\u641c\u7d22\u5185\u5bb9.",
203 |   "Match case": "\u533a\u5206\u5927\u5c0f\u5199",
204 |   "Find whole words only": "\u5168\u5b57\u5339\u914d",
205 |   "Spell check": "\u62fc\u5199\u68c0\u67e5",
206 |   Ignore: "\u5ffd\u7565",
207 |   "Ignore all": "\u5168\u90e8\u5ffd\u7565",
208 |   Finish: "\u5b8c\u6210",
209 |   "Add to Dictionary": "\u6dfb\u52a0\u5230\u5b57\u5178",
210 |   "Insert table": "\u63d2\u5165\u8868\u683c",
211 |   "Table properties": "\u8868\u683c\u5c5e\u6027",
212 |   "Delete table": "\u5220\u9664\u8868\u683c",
213 |   Cell: "\u5355\u5143\u683c",
214 |   Row: "\u884c",
215 |   Column: "\u5217",
216 |   "Cell properties": "\u5355\u5143\u683c\u5c5e\u6027",
217 |   "Merge cells": "\u5408\u5e76\u5355\u5143\u683c",
218 |   "Split cell": "\u62c6\u5206\u5355\u5143\u683c",
219 |   "Insert row before": "\u5728\u4e0a\u65b9\u63d2\u5165",
220 |   "Insert row after": "\u5728\u4e0b\u65b9\u63d2\u5165",
221 |   "Delete row": "\u5220\u9664\u884c",
222 |   "Row properties": "\u884c\u5c5e\u6027",
223 |   "Cut row": "\u526a\u5207\u884c",
224 |   "Copy row": "\u590d\u5236\u884c",
225 |   "Paste row before": "\u7c98\u8d34\u5230\u4e0a\u65b9",
226 |   "Paste row after": "\u7c98\u8d34\u5230\u4e0b\u65b9",
227 |   "Insert column before": "\u5728\u5de6\u4fa7\u63d2\u5165",
228 |   "Insert column after": "\u5728\u53f3\u4fa7\u63d2\u5165",
229 |   "Delete column": "\u5220\u9664\u5217",
230 |   Cols: "\u5217",
231 |   Rows: "\u884c",
232 |   Width: "\u5bbd",
233 |   Height: "\u9ad8",
234 |   "Cell spacing": "\u5355\u5143\u683c\u5916\u95f4\u8ddd",
235 |   "Cell padding": "\u5355\u5143\u683c\u5185\u8fb9\u8ddd",
236 |   "Show caption": "\u663e\u793a\u6807\u9898",
237 |   Left: "\u5de6\u5bf9\u9f50",
238 |   Center: "\u5c45\u4e2d",
239 |   Right: "\u53f3\u5bf9\u9f50",
240 |   "Cell type": "\u5355\u5143\u683c\u7c7b\u578b",
241 |   Scope: "\u8303\u56f4",
242 |   Alignment: "\u5bf9\u9f50\u65b9\u5f0f",
243 |   "H Align": "\u6c34\u5e73\u5bf9\u9f50",
244 |   "V Align": "\u5782\u76f4\u5bf9\u9f50",
245 |   Top: "\u9876\u90e8\u5bf9\u9f50",
246 |   Middle: "\u5782\u76f4\u5c45\u4e2d",
247 |   Bottom: "\u5e95\u90e8\u5bf9\u9f50",
248 |   "Header cell": "\u8868\u5934\u5355\u5143\u683c",
249 |   "Row group": "\u884c\u7ec4",
250 |   "Column group": "\u5217\u7ec4",
251 |   "Row type": "\u884c\u7c7b\u578b",
252 |   Header: "\u8868\u5934",
253 |   Body: "\u8868\u4f53",
254 |   Footer: "\u8868\u5c3e",
255 |   "Border color": "\u8fb9\u6846\u989c\u8272",
256 |   "Insert template...": "\u63d2\u5165\u6a21\u677f...",
257 |   Templates: "\u6a21\u677f",
258 |   Template: "\u6a21\u677f",
259 |   "Text color": "\u6587\u5b57\u989c\u8272",
260 |   "Background color": "\u80cc\u666f\u8272",
261 |   "Custom...": "\u81ea\u5b9a\u4e49...",
262 |   "Custom color": "\u81ea\u5b9a\u4e49\u989c\u8272",
263 |   "No color": "\u65e0",
264 |   "Remove color": "\u79fb\u9664\u989c\u8272",
265 |   "Table of Contents": "\u5185\u5bb9\u5217\u8868",
266 |   "Show blocks": "\u663e\u793a\u533a\u5757\u8fb9\u6846",
267 |   "Show invisible characters": "\u663e\u793a\u4e0d\u53ef\u89c1\u5b57\u7b26",
268 |   "Word count": "\u5b57\u6570",
269 |   Count: "\u8ba1\u6570",
270 |   Document: "\u6587\u6863",
271 |   Selection: "\u9009\u62e9",
272 |   Words: "\u5355\u8bcd",
273 |   "Words: {0}": "\u5b57\u6570\uff1a{0}",
274 |   "{0} words": "{0} \u5b57",
275 |   File: "\u6587\u4ef6",
276 |   Edit: "\u7f16\u8f91",
277 |   Insert: "\u63d2\u5165",
278 |   View: "\u89c6\u56fe",
279 |   Format: "\u683c\u5f0f",
280 |   Table: "\u8868\u683c",
281 |   Tools: "\u5de5\u5177",
282 |   "Powered by {0}": "\u7531{0}\u9a71\u52a8",
283 |   "Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help":
284 |     "\u5728\u7f16\u8f91\u533a\u6309ALT-F9\u6253\u5f00\u83dc\u5355\uff0c\u6309ALT-F10\u6253\u5f00\u5de5\u5177\u680f\uff0c\u6309ALT-0\u67e5\u770b\u5e2e\u52a9",
285 |   "Image title": "\u56fe\u7247\u6807\u9898",
286 |   "Border width": "\u8fb9\u6846\u5bbd\u5ea6",
287 |   "Border style": "\u8fb9\u6846\u6837\u5f0f",
288 |   Error: "\u9519\u8bef",
289 |   Warn: "\u8b66\u544a",
290 |   Valid: "\u6709\u6548",
291 |   "To open the popup, press Shift+Enter":
292 |     "\u6309Shitf+Enter\u952e\u6253\u5f00\u5bf9\u8bdd\u6846",
293 |   "Rich Text Area. Press ALT-0 for help.":
294 |     "\u7f16\u8f91\u533a\u3002\u6309Alt+0\u952e\u6253\u5f00\u5e2e\u52a9\u3002",
295 |   "System Font": "\u7cfb\u7edf\u5b57\u4f53",
296 |   "Failed to upload image: {0}": "\u56fe\u7247\u4e0a\u4f20\u5931\u8d25: {0}",
297 |   "Failed to load plugin: {0} from url {1}":
298 |     "\u63d2\u4ef6\u52a0\u8f7d\u5931\u8d25: {0} \u6765\u81ea\u94fe\u63a5 {1}",
299 |   "Failed to load plugin url: {0}":
300 |     "\u63d2\u4ef6\u52a0\u8f7d\u5931\u8d25 \u94fe\u63a5: {0}",
301 |   "Failed to initialize plugin: {0}":
302 |     "\u63d2\u4ef6\u521d\u59cb\u5316\u5931\u8d25: {0}",
303 |   example: "\u793a\u4f8b",
304 |   Search: "\u641c\u7d22",
305 |   All: "\u5168\u90e8",
306 |   Currency: "\u8d27\u5e01",
307 |   Text: "\u6587\u5b57",
308 |   Quotations: "\u5f15\u7528",
309 |   Mathematical: "\u6570\u5b66",
310 |   "Extended Latin": "\u62c9\u4e01\u8bed\u6269\u5145",
311 |   Symbols: "\u7b26\u53f7",
312 |   Arrows: "\u7bad\u5934",
313 |   "User Defined": "\u81ea\u5b9a\u4e49",
314 |   "dollar sign": "\u7f8e\u5143\u7b26\u53f7",
315 |   "currency sign": "\u8d27\u5e01\u7b26\u53f7",
316 |   "euro-currency sign": "\u6b27\u5143\u7b26\u53f7",
317 |   "colon sign": "\u5192\u53f7",
318 |   "cruzeiro sign": "\u514b\u9c81\u8d5b\u7f57\u5e01\u7b26\u53f7",
319 |   "french franc sign": "\u6cd5\u90ce\u7b26\u53f7",
320 |   "lira sign": "\u91cc\u62c9\u7b26\u53f7",
321 |   "mill sign": "\u5bc6\u5c14\u7b26\u53f7",
322 |   "naira sign": "\u5948\u62c9\u7b26\u53f7",
323 |   "peseta sign": "\u6bd4\u585e\u5854\u7b26\u53f7",
324 |   "rupee sign": "\u5362\u6bd4\u7b26\u53f7",
325 |   "won sign": "\u97e9\u5143\u7b26\u53f7",
326 |   "new sheqel sign": "\u65b0\u8c22\u514b\u5c14\u7b26\u53f7",
327 |   "dong sign": "\u8d8a\u5357\u76fe\u7b26\u53f7",
328 |   "kip sign": "\u8001\u631d\u57fa\u666e\u7b26\u53f7",
329 |   "tugrik sign": "\u56fe\u683c\u91cc\u514b\u7b26\u53f7",
330 |   "drachma sign": "\u5fb7\u62c9\u514b\u9a6c\u7b26\u53f7",
331 |   "german penny symbol": "\u5fb7\u56fd\u4fbf\u58eb\u7b26\u53f7",
332 |   "peso sign": "\u6bd4\u7d22\u7b26\u53f7",
333 |   "guarani sign": "\u74dc\u62c9\u5c3c\u7b26\u53f7",
334 |   "austral sign": "\u6fb3\u5143\u7b26\u53f7",
335 |   "hryvnia sign": "\u683c\u91cc\u592b\u5c3c\u4e9a\u7b26\u53f7",
336 |   "cedi sign": "\u585e\u5730\u7b26\u53f7",
337 |   "livre tournois sign": "\u91cc\u5f17\u5f17\u5c14\u7b26\u53f7",
338 |   "spesmilo sign": "spesmilo\u7b26\u53f7",
339 |   "tenge sign": "\u575a\u6208\u7b26\u53f7",
340 |   "indian rupee sign": "\u5370\u5ea6\u5362\u6bd4",
341 |   "turkish lira sign": "\u571f\u8033\u5176\u91cc\u62c9",
342 |   "nordic mark sign": "\u5317\u6b27\u9a6c\u514b",
343 |   "manat sign": "\u9a6c\u7eb3\u7279\u7b26\u53f7",
344 |   "ruble sign": "\u5362\u5e03\u7b26\u53f7",
345 |   "yen character": "\u65e5\u5143\u5b57\u6837",
346 |   "yuan character": "\u4eba\u6c11\u5e01\u5143\u5b57\u6837",
347 |   "yuan character, in hong kong and taiwan":
348 |     "\u5143\u5b57\u6837\uff08\u6e2f\u53f0\u5730\u533a\uff09",
349 |   "yen/yuan character variant one":
350 |     "\u5143\u5b57\u6837\uff08\u5927\u5199\uff09",
351 |   "Loading emoticons...": "\u52a0\u8f7d\u8868\u60c5\u7b26\u53f7...",
352 |   "Could not load emoticons":
353 |     "\u4e0d\u80fd\u52a0\u8f7d\u8868\u60c5\u7b26\u53f7",
354 |   People: "\u4eba\u7c7b",
355 |   "Animals and Nature": "\u52a8\u7269\u548c\u81ea\u7136",
356 |   "Food and Drink": "\u98df\u7269\u548c\u996e\u54c1",
357 |   Activity: "\u6d3b\u52a8",
358 |   "Travel and Places": "\u65c5\u6e38\u548c\u5730\u70b9",
359 |   Objects: "\u7269\u4ef6",
360 |   Flags: "\u65d7\u5e1c",
361 |   Characters: "\u5b57\u7b26",
362 |   "Characters (no spaces)": "\u5b57\u7b26(\u65e0\u7a7a\u683c)",
363 |   "{0} characters": "{0} \u4e2a\u5b57\u7b26",
364 |   "Error: Form submit field collision.":
365 |     "\u9519\u8bef: \u8868\u5355\u63d0\u4ea4\u5b57\u6bb5\u51b2\u7a81\u3002",
366 |   "Error: No form element found.":
367 |     "\u9519\u8bef: \u6ca1\u6709\u8868\u5355\u63a7\u4ef6\u3002",
368 |   Update: "\u66f4\u65b0",
369 |   "Color swatch": "\u989c\u8272\u6837\u672c",
370 |   Turquoise: "\u9752\u7eff\u8272",
371 |   Green: "\u7eff\u8272",
372 |   Blue: "\u84dd\u8272",
373 |   Purple: "\u7d2b\u8272",
374 |   "Navy Blue": "\u6d77\u519b\u84dd",
375 |   "Dark Turquoise": "\u6df1\u84dd\u7eff\u8272",
376 |   "Dark Green": "\u6df1\u7eff\u8272",
377 |   "Medium Blue": "\u4e2d\u84dd\u8272",
378 |   "Medium Purple": "\u4e2d\u7d2b\u8272",
379 |   "Midnight Blue": "\u6df1\u84dd\u8272",
380 |   Yellow: "\u9ec4\u8272",
381 |   Orange: "\u6a59\u8272",
382 |   Red: "\u7ea2\u8272",
383 |   "Light Gray": "\u6d45\u7070\u8272",
384 |   Gray: "\u7070\u8272",
385 |   "Dark Yellow": "\u6697\u9ec4\u8272",
386 |   "Dark Orange": "\u6df1\u6a59\u8272",
387 |   "Dark Red": "\u6df1\u7ea2\u8272",
388 |   "Medium Gray": "\u4e2d\u7070\u8272",
389 |   "Dark Gray": "\u6df1\u7070\u8272",
390 |   "Light Green": "\u6d45\u7eff\u8272",
391 |   "Light Yellow": "\u6d45\u9ec4\u8272",
392 |   "Light Red": "\u6d45\u7ea2\u8272",
393 |   "Light Purple": "\u6d45\u7d2b\u8272",
394 |   "Light Blue": "\u6d45\u84dd\u8272",
395 |   "Dark Purple": "\u6df1\u7d2b\u8272",
396 |   "Dark Blue": "\u6df1\u84dd\u8272",
397 |   Black: "\u9ed1\u8272",
398 |   White: "\u767d\u8272",
399 |   "Switch to or from fullscreen mode": "\u5207\u6362\u5168\u5c4f\u6a21\u5f0f",
400 |   "Open help dialog": "\u6253\u5f00\u5e2e\u52a9\u5bf9\u8bdd\u6846",
401 |   history: "\u5386\u53f2",
402 |   styles: "\u6837\u5f0f",
403 |   formatting: "\u683c\u5f0f\u5316",
404 |   alignment: "\u5bf9\u9f50",
405 |   indentation: "\u7f29\u8fdb",
406 |   "permanent pen": "\u8bb0\u53f7\u7b14",
407 |   comments: "\u5907\u6ce8",
408 |   "Format Painter": "\u683c\u5f0f\u5237",
409 |   "Insert/edit iframe": "\u63d2\u5165/\u7f16\u8f91\u6846\u67b6",
410 |   Capitalization: "\u5927\u5199",
411 |   lowercase: "\u5c0f\u5199",
412 |   UPPERCASE: "\u5927\u5199",
413 |   "Title Case": "\u9996\u5b57\u6bcd\u5927\u5199",
414 |   "Permanent Pen Properties": "\u6c38\u4e45\u7b14\u5c5e\u6027",
415 |   "Permanent pen properties...": "\u6c38\u4e45\u7b14\u5c5e\u6027...",
416 |   Font: "\u5b57\u4f53",
417 |   Size: "\u5b57\u53f7",
418 |   "More...": "\u66f4\u591a...",
419 |   "Spellcheck Language": "\u62fc\u5199\u68c0\u67e5\u8bed\u8a00",
420 |   "Select...": "\u9009\u62e9...",
421 |   Preferences: "\u9996\u9009\u9879",
422 |   Yes: "\u662f",
423 |   No: "\u5426",
424 |   "Keyboard Navigation": "\u952e\u76d8\u6307\u5f15",
425 |   Version: "\u7248\u672c",
426 |   Anchor: "\u951a\u70b9",
427 |   "Special character": "\u7279\u6b8a\u7b26\u53f7",
428 |   "Code sample": "\u4ee3\u7801\u793a\u4f8b",
429 |   Color: "\u989c\u8272",
430 |   Emoticons: "\u8868\u60c5",
431 |   "Document properties": "\u6587\u6863\u5c5e\u6027",
432 |   Image: "\u56fe\u7247",
433 |   "Insert link": "\u63d2\u5165\u94fe\u63a5",
434 |   Target: "\u6253\u5f00\u65b9\u5f0f",
435 |   Link: "\u94fe\u63a5",
436 |   Poster: "\u5c01\u9762",
437 |   Media: "\u5a92\u4f53",
438 |   Print: "\u6253\u5370",
439 |   Prev: "\u4e0a\u4e00\u4e2a",
440 |   "Find and replace": "\u67e5\u627e\u548c\u66ff\u6362",
441 |   "Whole words": "\u5168\u5b57\u5339\u914d",
442 |   Spellcheck: "\u62fc\u5199\u68c0\u67e5",
443 |   Caption: "\u6807\u9898",
444 |   "Insert template": "\u63d2\u5165\u6a21\u677f"
445 | });
446 | 


--------------------------------------------------------------------------------
/packages/theme-default/tinymce/plugins/antimage/index.js:
--------------------------------------------------------------------------------
1 | // Exports the "antimage" plugin for usage with module loaders
2 | // Usage:
3 | //   CommonJS:
4 | //     require('tinymce/plugins/antimage')
5 | //   ES2015:
6 | //     import 'tinymce/plugins/antimage'
7 | require("./plugin.js");
8 | 


--------------------------------------------------------------------------------
/packages/theme-default/tinymce/plugins/antimage/plugin.js:
--------------------------------------------------------------------------------
 1 | !(function() {
 2 |   "use strict";
 3 | 
 4 |   var e = tinymce.util.Tools.resolve("tinymce.PluginManager");
 5 |   var o = function(o) {
 6 |     var e = o.getContent({
 7 |       source_view: !0
 8 |     });
 9 |     o.windowManager.open({
10 |       title: "Source Code",
11 |       size: "large",
12 |       body: {
13 |         type: "panel",
14 |         items: [
15 |           {
16 |             type: "textarea",
17 |             name: "code"
18 |           }
19 |         ]
20 |       },
21 |       buttons: [
22 |         {
23 |           type: "cancel",
24 |           name: "cancel",
25 |           text: "Cancel"
26 |         },
27 |         {
28 |           type: "submit",
29 |           name: "save",
30 |           text: "Save",
31 |           primary: !0
32 |         }
33 |       ],
34 |       initialData: {
35 |         code: e
36 |       },
37 |       onSubmit: function(e) {
38 |         var t, n;
39 |         (t = o),
40 |           (n = e.getData().code),
41 |           t.focus(),
42 |           t.undoManager.transact(function() {
43 |             t.setContent(n);
44 |           }),
45 |           t.selection.setCursorLocation(),
46 |           t.nodeChanged(),
47 |           e.close();
48 |       }
49 |     });
50 |   };
51 |   !(function t() {
52 |     e.add("antimage", function(e) {
53 |       var t, n;
54 |       return (
55 |         (t = e).addCommand("InsertAntimage", function(e) {
56 |           if (Array.isArray(e) && e.length > 0) {
57 |             var html = "";
58 |             for (var i in e) {
59 |               var obj = e[i];
60 |               html += '<img src="' + obj + '" class="image" /><br />';
61 |               if (i < e.length - 1) {
62 |                 html += "<br />";
63 |               }
64 |             }
65 |             t.execCommand("mceInsertContent", false, html);
66 |           }
67 |         }),
68 |         (n = e).ui.registry.addButton("antimage", {
69 |           icon: "image",
70 |           tooltip: "Insert/edit image",
71 |           onAction: function() {
72 |             if (typeof n.settings.clickImage === "function") {
73 |               return n.settings.clickImage(n);
74 |             }
75 |             return null;
76 |           }
77 |         }),
78 |         n.ui.registry.addMenuItem("antimage", {
79 |           icon: "image",
80 |           text: "Insert/edit image",
81 |           onAction: function() {
82 |             if (typeof n.settings.clickImage === "function") {
83 |               return n.settings.clickImage(n);
84 |             }
85 |             return null;
86 |           }
87 |         }),
88 |         {}
89 |       );
90 |     });
91 |   })();
92 | })();
93 | 


--------------------------------------------------------------------------------
/packages/theme-default/tinymce/skins/content/dark/content.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 3 |  * Licensed under the LGPL or a commercial license.
 4 |  * For LGPL see License.txt in the project root for license information.
 5 |  * For commercial licenses see https://www.tiny.cloud/
 6 |  */
 7 | body {
 8 |   background-color: #2f3742;
 9 |   color: #dfe0e4;
10 |   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
11 |     Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
12 |   line-height: 1.4;
13 |   margin: 1rem;
14 | }
15 | a {
16 |   color: #4099ff;
17 | }
18 | table {
19 |   border-collapse: collapse;
20 | }
21 | table th,
22 | table td {
23 |   border: 1px solid #6d737b;
24 |   padding: 0.4rem;
25 | }
26 | figure {
27 |   display: table;
28 |   margin: 1rem auto;
29 | }
30 | figure figcaption {
31 |   color: #8a8f97;
32 |   display: block;
33 |   margin-top: 0.25rem;
34 |   text-align: center;
35 | }
36 | hr {
37 |   border-color: #6d737b;
38 |   border-style: solid;
39 |   border-width: 1px 0 0 0;
40 | }
41 | code {
42 |   background-color: #6d737b;
43 |   border-radius: 3px;
44 |   padding: 0.1rem 0.2rem;
45 | }
46 | /* Make text in selected cells in tables dark and readable */
47 | td[data-mce-selected],
48 | th[data-mce-selected] {
49 |   color: #333;
50 | }
51 | .mce-content-body:not([dir="rtl"]) blockquote {
52 |   border-left: 2px solid #6d737b;
53 |   margin-left: 1.5rem;
54 |   padding-left: 1rem;
55 | }
56 | .mce-content-body[dir="rtl"] blockquote {
57 |   border-right: 2px solid #6d737b;
58 |   margin-right: 1.5rem;
59 |   padding-right: 1rem;
60 | }
61 | 


--------------------------------------------------------------------------------
/packages/theme-default/tinymce/skins/content/dark/content.min.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 3 |  * Licensed under the LGPL or a commercial license.
 4 |  * For LGPL see License.txt in the project root for license information.
 5 |  * For commercial licenses see https://www.tiny.cloud/
 6 |  */
 7 | body {
 8 |   background-color: #2f3742;
 9 |   color: #dfe0e4;
10 |   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
11 |     Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
12 |   line-height: 1.4;
13 |   margin: 1rem;
14 | }
15 | a {
16 |   color: #4099ff;
17 | }
18 | table {
19 |   border-collapse: collapse;
20 | }
21 | table td,
22 | table th {
23 |   border: 1px solid #6d737b;
24 |   padding: 0.4rem;
25 | }
26 | figure {
27 |   display: table;
28 |   margin: 1rem auto;
29 | }
30 | figure figcaption {
31 |   color: #8a8f97;
32 |   display: block;
33 |   margin-top: 0.25rem;
34 |   text-align: center;
35 | }
36 | hr {
37 |   border-color: #6d737b;
38 |   border-style: solid;
39 |   border-width: 1px 0 0 0;
40 | }
41 | code {
42 |   background-color: #6d737b;
43 |   border-radius: 3px;
44 |   padding: 0.1rem 0.2rem;
45 | }
46 | td[data-mce-selected],
47 | th[data-mce-selected] {
48 |   color: #333;
49 | }
50 | .mce-content-body:not([dir="rtl"]) blockquote {
51 |   border-left: 2px solid #6d737b;
52 |   margin-left: 1.5rem;
53 |   padding-left: 1rem;
54 | }
55 | .mce-content-body[dir="rtl"] blockquote {
56 |   border-right: 2px solid #6d737b;
57 |   margin-right: 1.5rem;
58 |   padding-right: 1rem;
59 | }
60 | 


--------------------------------------------------------------------------------
/packages/theme-default/tinymce/skins/content/default/content.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 3 |  * Licensed under the LGPL or a commercial license.
 4 |  * For LGPL see License.txt in the project root for license information.
 5 |  * For commercial licenses see https://www.tiny.cloud/
 6 |  */
 7 | body {
 8 |   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
 9 |     Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
10 |   line-height: 1.4;
11 |   margin: 1rem;
12 | }
13 | table {
14 |   border-collapse: collapse;
15 | }
16 | table th,
17 | table td {
18 |   border: 1px solid #ccc;
19 |   padding: 0.4rem;
20 | }
21 | figure {
22 |   display: table;
23 |   margin: 1rem auto;
24 | }
25 | figure figcaption {
26 |   color: #999;
27 |   display: block;
28 |   margin-top: 0.25rem;
29 |   text-align: center;
30 | }
31 | hr {
32 |   border-color: #ccc;
33 |   border-style: solid;
34 |   border-width: 1px 0 0 0;
35 | }
36 | code {
37 |   background-color: #e8e8e8;
38 |   border-radius: 3px;
39 |   padding: 0.1rem 0.2rem;
40 | }
41 | .mce-content-body:not([dir="rtl"]) blockquote {
42 |   border-left: 2px solid #ccc;
43 |   margin-left: 1.5rem;
44 |   padding-left: 1rem;
45 | }
46 | .mce-content-body[dir="rtl"] blockquote {
47 |   border-right: 2px solid #ccc;
48 |   margin-right: 1.5rem;
49 |   padding-right: 1rem;
50 | }
51 | 


--------------------------------------------------------------------------------
/packages/theme-default/tinymce/skins/content/default/content.min.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 3 |  * Licensed under the LGPL or a commercial license.
 4 |  * For LGPL see License.txt in the project root for license information.
 5 |  * For commercial licenses see https://www.tiny.cloud/
 6 |  */
 7 | body {
 8 |   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
 9 |     Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
10 |   line-height: 1.4;
11 |   margin: 1rem;
12 | }
13 | table {
14 |   border-collapse: collapse;
15 | }
16 | table td,
17 | table th {
18 |   border: 1px solid #ccc;
19 |   padding: 0.4rem;
20 | }
21 | figure {
22 |   display: table;
23 |   margin: 1rem auto;
24 | }
25 | figure figcaption {
26 |   color: #999;
27 |   display: block;
28 |   margin-top: 0.25rem;
29 |   text-align: center;
30 | }
31 | hr {
32 |   border-color: #ccc;
33 |   border-style: solid;
34 |   border-width: 1px 0 0 0;
35 | }
36 | code {
37 |   background-color: #e8e8e8;
38 |   border-radius: 3px;
39 |   padding: 0.1rem 0.2rem;
40 | }
41 | .mce-content-body:not([dir="rtl"]) blockquote {
42 |   border-left: 2px solid #ccc;
43 |   margin-left: 1.5rem;
44 |   padding-left: 1rem;
45 | }
46 | .mce-content-body[dir="rtl"] blockquote {
47 |   border-right: 2px solid #ccc;
48 |   margin-right: 1.5rem;
49 |   padding-right: 1rem;
50 | }
51 | 


--------------------------------------------------------------------------------
/packages/theme-default/tinymce/skins/content/document/content.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 3 |  * Licensed under the LGPL or a commercial license.
 4 |  * For LGPL see License.txt in the project root for license information.
 5 |  * For commercial licenses see https://www.tiny.cloud/
 6 |  */
 7 | @media screen {
 8 |   html {
 9 |     background: #f4f4f4;
10 |     min-height: 100%;
11 |   }
12 | }
13 | body {
14 |   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
15 |     Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
16 | }
17 | @media screen {
18 |   body {
19 |     background-color: #fff;
20 |     box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
21 |     box-sizing: border-box;
22 |     margin: 1rem auto 0;
23 |     max-width: 820px;
24 |     min-height: calc(100vh - 1rem);
25 |     padding: 4rem 6rem 6rem 6rem;
26 |   }
27 | }
28 | table {
29 |   border-collapse: collapse;
30 | }
31 | table th,
32 | table td {
33 |   border: 1px solid #ccc;
34 |   padding: 0.4rem;
35 | }
36 | figure figcaption {
37 |   color: #999;
38 |   margin-top: 0.25rem;
39 |   text-align: center;
40 | }
41 | hr {
42 |   border-color: #ccc;
43 |   border-style: solid;
44 |   border-width: 1px 0 0 0;
45 | }
46 | .mce-content-body:not([dir="rtl"]) blockquote {
47 |   border-left: 2px solid #ccc;
48 |   margin-left: 1.5rem;
49 |   padding-left: 1rem;
50 | }
51 | .mce-content-body[dir="rtl"] blockquote {
52 |   border-right: 2px solid #ccc;
53 |   margin-right: 1.5rem;
54 |   padding-right: 1rem;
55 | }
56 | 


--------------------------------------------------------------------------------
/packages/theme-default/tinymce/skins/content/document/content.min.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 3 |  * Licensed under the LGPL or a commercial license.
 4 |  * For LGPL see License.txt in the project root for license information.
 5 |  * For commercial licenses see https://www.tiny.cloud/
 6 |  */
 7 | @media screen {
 8 |   html {
 9 |     background: #f4f4f4;
10 |     min-height: 100%;
11 |   }
12 | }
13 | body {
14 |   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
15 |     Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
16 | }
17 | @media screen {
18 |   body {
19 |     background-color: #fff;
20 |     box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
21 |     box-sizing: border-box;
22 |     margin: 1rem auto 0;
23 |     max-width: 820px;
24 |     min-height: calc(100vh - 1rem);
25 |     padding: 4rem 6rem 6rem 6rem;
26 |   }
27 | }
28 | table {
29 |   border-collapse: collapse;
30 | }
31 | table td,
32 | table th {
33 |   border: 1px solid #ccc;
34 |   padding: 0.4rem;
35 | }
36 | figure figcaption {
37 |   color: #999;
38 |   margin-top: 0.25rem;
39 |   text-align: center;
40 | }
41 | hr {
42 |   border-color: #ccc;
43 |   border-style: solid;
44 |   border-width: 1px 0 0 0;
45 | }
46 | .mce-content-body:not([dir="rtl"]) blockquote {
47 |   border-left: 2px solid #ccc;
48 |   margin-left: 1.5rem;
49 |   padding-left: 1rem;
50 | }
51 | .mce-content-body[dir="rtl"] blockquote {
52 |   border-right: 2px solid #ccc;
53 |   margin-right: 1.5rem;
54 |   padding-right: 1rem;
55 | }
56 | 


--------------------------------------------------------------------------------
/packages/theme-default/tinymce/skins/content/writer/content.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 3 |  * Licensed under the LGPL or a commercial license.
 4 |  * For LGPL see License.txt in the project root for license information.
 5 |  * For commercial licenses see https://www.tiny.cloud/
 6 |  */
 7 | body {
 8 |   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
 9 |     Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
10 |   line-height: 1.4;
11 |   margin: 1rem auto;
12 |   max-width: 900px;
13 | }
14 | table {
15 |   border-collapse: collapse;
16 | }
17 | table th,
18 | table td {
19 |   border: 1px solid #ccc;
20 |   padding: 0.4rem;
21 | }
22 | figure {
23 |   display: table;
24 |   margin: 1rem auto;
25 | }
26 | figure figcaption {
27 |   color: #999;
28 |   display: block;
29 |   margin-top: 0.25rem;
30 |   text-align: center;
31 | }
32 | hr {
33 |   border-color: #ccc;
34 |   border-style: solid;
35 |   border-width: 1px 0 0 0;
36 | }
37 | code {
38 |   background-color: #e8e8e8;
39 |   border-radius: 3px;
40 |   padding: 0.1rem 0.2rem;
41 | }
42 | .mce-content-body:not([dir="rtl"]) blockquote {
43 |   border-left: 2px solid #ccc;
44 |   margin-left: 1.5rem;
45 |   padding-left: 1rem;
46 | }
47 | .mce-content-body[dir="rtl"] blockquote {
48 |   border-right: 2px solid #ccc;
49 |   margin-right: 1.5rem;
50 |   padding-right: 1rem;
51 | }
52 | 


--------------------------------------------------------------------------------
/packages/theme-default/tinymce/skins/content/writer/content.min.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 3 |  * Licensed under the LGPL or a commercial license.
 4 |  * For LGPL see License.txt in the project root for license information.
 5 |  * For commercial licenses see https://www.tiny.cloud/
 6 |  */
 7 | body {
 8 |   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
 9 |     Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
10 |   line-height: 1.4;
11 |   margin: 1rem auto;
12 |   max-width: 900px;
13 | }
14 | table {
15 |   border-collapse: collapse;
16 | }
17 | table td,
18 | table th {
19 |   border: 1px solid #ccc;
20 |   padding: 0.4rem;
21 | }
22 | figure {
23 |   display: table;
24 |   margin: 1rem auto;
25 | }
26 | figure figcaption {
27 |   color: #999;
28 |   display: block;
29 |   margin-top: 0.25rem;
30 |   text-align: center;
31 | }
32 | hr {
33 |   border-color: #ccc;
34 |   border-style: solid;
35 |   border-width: 1px 0 0 0;
36 | }
37 | code {
38 |   background-color: #e8e8e8;
39 |   border-radius: 3px;
40 |   padding: 0.1rem 0.2rem;
41 | }
42 | .mce-content-body:not([dir="rtl"]) blockquote {
43 |   border-left: 2px solid #ccc;
44 |   margin-left: 1.5rem;
45 |   padding-left: 1rem;
46 | }
47 | .mce-content-body[dir="rtl"] blockquote {
48 |   border-right: 2px solid #ccc;
49 |   margin-right: 1.5rem;
50 |   padding-right: 1rem;
51 | }
52 | 


--------------------------------------------------------------------------------
/packages/theme-default/tinymce/skins/ui/oxide-dark/content.mobile.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 3 |  * Licensed under the LGPL or a commercial license.
 4 |  * For LGPL see License.txt in the project root for license information.
 5 |  * For commercial licenses see https://www.tiny.cloud/
 6 |  */
 7 | .tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection {
 8 |   /* Note: this file is used inside the content, so isn't part of theming */
 9 |   background-color: green;
10 |   display: inline-block;
11 |   opacity: 0.5;
12 |   position: absolute;
13 | }
14 | body {
15 |   -webkit-text-size-adjust: none;
16 | }
17 | body img {
18 |   /* this is related to the content margin */
19 |   max-width: 96vw;
20 | }
21 | body table img {
22 |   max-width: 95%;
23 | }
24 | body {
25 |   font-family: sans-serif;
26 | }
27 | table {
28 |   border-collapse: collapse;
29 | }
30 | 


--------------------------------------------------------------------------------
/packages/theme-default/tinymce/skins/ui/oxide-dark/content.mobile.min.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 3 |  * Licensed under the LGPL or a commercial license.
 4 |  * For LGPL see License.txt in the project root for license information.
 5 |  * For commercial licenses see https://www.tiny.cloud/
 6 |  */
 7 | .tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection {
 8 |   background-color: green;
 9 |   display: inline-block;
10 |   opacity: 0.5;
11 |   position: absolute;
12 | }
13 | body {
14 |   -webkit-text-size-adjust: none;
15 | }
16 | body img {
17 |   max-width: 96vw;
18 | }
19 | body table img {
20 |   max-width: 95%;
21 | }
22 | body {
23 |   font-family: sans-serif;
24 | }
25 | table {
26 |   border-collapse: collapse;
27 | }
28 | 


--------------------------------------------------------------------------------
/packages/theme-default/tinymce/skins/ui/oxide-dark/fonts/tinymce-mobile.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/tinymce/skins/ui/oxide-dark/fonts/tinymce-mobile.woff


--------------------------------------------------------------------------------
/packages/theme-default/tinymce/skins/ui/oxide/content.mobile.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 3 |  * Licensed under the LGPL or a commercial license.
 4 |  * For LGPL see License.txt in the project root for license information.
 5 |  * For commercial licenses see https://www.tiny.cloud/
 6 |  */
 7 | .tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection {
 8 |   /* Note: this file is used inside the content, so isn't part of theming */
 9 |   background-color: green;
10 |   display: inline-block;
11 |   opacity: 0.5;
12 |   position: absolute;
13 | }
14 | body {
15 |   -webkit-text-size-adjust: none;
16 | }
17 | body img {
18 |   /* this is related to the content margin */
19 |   max-width: 96vw;
20 | }
21 | body table img {
22 |   max-width: 95%;
23 | }
24 | body {
25 |   font-family: sans-serif;
26 | }
27 | table {
28 |   border-collapse: collapse;
29 | }
30 | 


--------------------------------------------------------------------------------
/packages/theme-default/tinymce/skins/ui/oxide/content.mobile.min.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 3 |  * Licensed under the LGPL or a commercial license.
 4 |  * For LGPL see License.txt in the project root for license information.
 5 |  * For commercial licenses see https://www.tiny.cloud/
 6 |  */
 7 | .tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection {
 8 |   background-color: green;
 9 |   display: inline-block;
10 |   opacity: 0.5;
11 |   position: absolute;
12 | }
13 | body {
14 |   -webkit-text-size-adjust: none;
15 | }
16 | body img {
17 |   max-width: 96vw;
18 | }
19 | body table img {
20 |   max-width: 95%;
21 | }
22 | body {
23 |   font-family: sans-serif;
24 | }
25 | table {
26 |   border-collapse: collapse;
27 | }
28 | 


--------------------------------------------------------------------------------
/packages/theme-default/tinymce/skins/ui/oxide/fonts/tinymce-mobile.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/packages/theme-default/tinymce/skins/ui/oxide/fonts/tinymce-mobile.woff


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/benhailong/openants-for-vue/9a0c456961160eefeff8135709efb5bc16829149/public/favicon.ico


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 7 |     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 8 |     <title><%= htmlWebpackPlugin.options.title %></title>
 9 |   </head>
10 |   <body>
11 |     <noscript>
12 |       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13 |     </noscript>
14 |     <div id="app"></div>
15 |     <!-- built files will be auto injected -->
16 |   </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
 1 | const path = require("path");
 2 | function resolve(dir) {
 3 |   return path.join(__dirname, "...", dir);
 4 | }
 5 | module.exports = {
 6 |   // 将entry指向examples
 7 |   pages: {
 8 |     index: {
 9 |       entry: "examples/main.js",
10 |       template: "public/index.html",
11 |       filename: "index.html"
12 |     }
13 |   },
14 |   chainWebpack: config => {
15 |     config.devtool("source-map");
16 |     config.module
17 |       .rule("js")
18 |       .include.add(resolve("packages"))
19 |       .end()
20 |       .use("babel")
21 |       .loader("babel-loader")
22 |       .tap(options => {
23 |         return options;
24 |       });
25 |   },
26 |   devServer: {
27 |     host: "0.0.0.0",
28 |     port: 8080
29 |   }
30 | };
31 | 


--------------------------------------------------------------------------------