classroom-instruments/dist/assets/index-d2ed1ee4.js

import { N as _ } from './Scrollbar-27c35a2f.js';
import {
  E as L,
  w as $,
  r as w,
  S as V,
  q as z,
  d as y,
  e as S,
  f as e,
  k as c,
  x as D,
  U as P,
  V as B,
  u as W,
  h as F,
  R as k,
  W as U,
  m as N,
  n as m,
  Q as f,
  j as u,
  z as K,
  F as T
} from './index-95e721f9.js';
import { C } from './index-c8870a16.js';
import { b as H, c as J, i as Q } from './index-4b90fba4.js';
import './index-73922017.js';
function x(t) {
  var s;
  const a = J(t);
  return (s = a == null ? void 0 : a.$el) != null ? s : a;
}
const Z = Q ? window : void 0;
function X() {
  const t = w(!1);
  return (
    V() &&
      z(() => {
        t.value = !0;
      }),
    t
  );
}
function Y(t) {
  const s = X();
  return L(() => (s.value, !!t()));
}
var O = Object.getOwnPropertySymbols,
  ee = Object.prototype.hasOwnProperty,
  te = Object.prototype.propertyIsEnumerable,
  se = (t, s) => {
    var a = {};
    for (var l in t) ee.call(t, l) && s.indexOf(l) < 0 && (a[l] = t[l]);
    if (t != null && O)
      for (var l of O(t)) s.indexOf(l) < 0 && te.call(t, l) && (a[l] = t[l]);
    return a;
  };
function le(t, s, a = {}) {
  const l = a,
    { window: n = Z } = l,
    p = se(l, ['window']);
  let o;
  const b = Y(() => n && 'ResizeObserver' in n),
    j = () => {
      o && (o.disconnect(), (o = void 0));
    },
    R = L(() => (Array.isArray(t) ? t.map(A => x(A)) : [x(t)])),
    q = $(
      R,
      A => {
        if ((j(), b.value && n)) {
          o = new ResizeObserver(s);
          for (const I of A) I && o.observe(I, p);
        }
      },
      { immediate: !0, flush: 'post', deep: !0 }
    ),
    M = () => {
      j(), q();
    };
  return H(M), { isSupported: b, stop: M };
}
const ne = '_prepareLessons_pjn4h_1',
  ae = '_directoryMain_pjn4h_5',
  re = '_resourceMain_pjn4h_6',
  ce = '_lessonMain_pjn4h_11',
  v = {
    prepareLessons: ne,
    directoryMain: ae,
    resourceMain: re,
    lessonMain: ce
  },
  oe = '_directoryList_85cu9_1',
  ue = '_scrollBar_85cu9_8',
  ie = '_iconArrow_85cu9_31',
  de = '_treeParent_85cu9_34',
  pe = '_treeChild_85cu9_37',
  he = '_treeItem_85cu9_40',
  _e = '_title_85cu9_51',
  ye = '_titleSelect_85cu9_59',
  fe = '_arrow_85cu9_63',
  me = '_arrowSelect_85cu9_70',
  be = '_childArrow_85cu9_74',
  ve = '_childItem_85cu9_77',
  ge = '_childSelect_85cu9_80',
  r = {
    directoryList: oe,
    scrollBar: ue,
    'select-directory': '_select-directory_85cu9_12',
    iconArrow: ie,
    treeParent: de,
    treeChild: pe,
    treeItem: he,
    title: _e,
    titleSelect: ye,
    arrow: fe,
    arrowSelect: me,
    childArrow: be,
    childItem: ve,
    childSelect: ge
  };
function Ce(t) {
  return (
    typeof t == 'function' ||
    (Object.prototype.toString.call(t) === '[object Object]' && !B(t))
  );
}
const we = y({
    name: 'directory-main',
    setup() {
      const t = w(!0),
        s = S({ expandedKey: null, selectKey: 10 }),
        a = w([
          {
            key: 1,
            label:
              '第一单元 我愿住在童话里我愿住在童话里我愿住在童话里我愿住在童话里我愿住在童话里我愿住在童话里我愿住在童话里我愿住在童话里我愿住在童话里',
            selected: !0,
            children: [
              { key: 10, label: '【欣赏】永远住在童话里' },
              { key: 11, label: '【欣赏】糖果仙子舞曲' },
              { key: 12, label: '【知识】音的高低' },
              { key: 13, label: '【唱歌】小红帽' }
            ]
          },
          {
            key: 2,
            label: '第二单元 快乐游戏',
            selected: !1,
            children: [{ key: 14, label: '【欣赏】永远住在童话里' }]
          },
          {
            key: 3,
            label: '第三单元 劳动最光荣',
            selected: !1,
            children: [{ key: 15, label: '【欣赏】永远住在童话里' }]
          },
          {
            key: 4,
            label: '第四单元 音乐中的动物',
            selected: !1,
            children: [{ key: 16, label: '【欣赏】永远住在童话里' }]
          },
          {
            key: 5,
            label: '第五单元 动画城',
            selected: !1,
            children: [{ key: 17, label: '【欣赏】永远住在童话里' }]
          },
          {
            key: 6,
            label: '第六单元 下雪啦',
            selected: !1,
            children: [{ key: 18, label: '【欣赏】永远住在童话里' }]
          },
          {
            key: 7,
            label: '我的音乐网页',
            selected: !1,
            children: [{ key: 19, label: '【欣赏】永远住在童话里' }]
          }
        ]);
      return (
        setTimeout(() => {
          t.value = !1;
        }, 100),
        () => {
          let l;
          return e('div', { class: r.directoryList }, [
            e('div', { class: r['select-directory'] }, [
              e(
                'span',
                { class: ['cr-ellipsis'], title: '人教版二年级上册（2013）' },
                [c('人教版二年级上册（2013）')]
              ),
              e(
                D,
                { class: r.iconArrow },
                {
                  default: () => [
                    e(
                      'svg',
                      {
                        width: '11px',
                        height: '15px',
                        viewBox: '0 0 11 15',
                        version: '1.1',
                        xmlns: 'http://www.w3.org/2000/svg'
                      },
                      [
                        e(
                          'g',
                          {
                            stroke: 'none',
                            'stroke-width': '1',
                            fill: 'none',
                            'fill-rule': 'evenodd',
                            opacity: '0.699999988'
                          },
                          [
                            e(
                              'g',
                              {
                                transform:
                                  'translate(-445.000000, -137.000000)',
                                fill: '#131415'
                              },
                              [
                                e(
                                  'g',
                                  {
                                    transform:
                                      'translate(152.000000, 120.000000)'
                                  },
                                  [
                                    e(
                                      'path',
                                      {
                                        d: 'M299.326227,20.2118001 L304.934089,28.4366632 C305.245211,28.8929759 305.127511,29.515105 304.671198,29.8262273 C304.505147,29.9394437 304.308836,30 304.107861,30 L292.892139,30 C292.339854,30 291.892139,29.5522847 291.892139,29 C291.892139,28.7990254 291.952695,28.6027139 292.065911,28.4366632 L297.673773,20.2118001 C297.984895,19.7554873 298.607024,19.6377872 299.063337,19.9489096 C299.16663,20.0193364 299.255801,20.1085074 299.326227,20.2118001 Z',
                                        id: '三角形',
                                        transform:
                                          'translate(298.500000, 24.500000) rotate(-270.000000) translate(-298.500000, -24.500000) '
                                      },
                                      null
                                    )
                                  ]
                                )
                              ]
                            )
                          ]
                        )
                      ]
                    )
                  ]
                }
              )
            ]),
            e(
              _,
              { class: r.scrollBar },
              {
                default: () => [
                  e(
                    P,
                    { show: t.value },
                    Ce(
                      (l = a.value.map((n, p) =>
                        e('div', { class: r.treeParent, key: 'parent' + p }, [
                          e(
                            'div',
                            {
                              class: [r.treeItem, r.parentItem],
                              onClick: () => {
                                a.value.forEach(o => {
                                  n.key !== o.key && (o.selected = !1);
                                }),
                                  (n.selected = !n.selected);
                              }
                            },
                            [
                              n.children &&
                                n.children.length > 0 &&
                                e(
                                  'span',
                                  {
                                    class: [
                                      r.arrow,
                                      n.selected ? r.arrowSelect : ''
                                    ]
                                  },
                                  null
                                ),
                              e(
                                'p',
                                {
                                  class: [
                                    r.title,
                                    n.selected ? r.titleSelect : ''
                                  ]
                                },
                                [n.label]
                              )
                            ]
                          ),
                          n.selected &&
                            n.children &&
                            n.children.map((o, b) =>
                              e(
                                'div',
                                {
                                  key: 'child' + b,
                                  class: [
                                    r.treeItem,
                                    r.childItem,
                                    r.animation,
                                    s.selectKey === o.key ? r.childSelect : ''
                                  ],
                                  onClick: () => {
                                    s.selectKey = o.key;
                                  }
                                },
                                [
                                  e('span', { class: r.childArrow }, null),
                                  e('p', { class: r.title }, [o.label])
                                ]
                              )
                            )
                        ])
                      ))
                    )
                      ? l
                      : { default: () => [l] }
                  )
                ]
              }
            )
          ]);
        }
      );
    }
  }),
  ke = '_btnGroup_l69nx_30',
  Se = '_listContainer_l69nx_54',
  Ae = '_list_l69nx_54',
  Ee = '_attendClassModal_l69nx_65',
  d = {
    'lesson-main': '_lesson-main_l69nx_1',
    btnGroup: ke,
    listContainer: Se,
    list: Ae,
    attendClassModal: Ee
  },
  je = '_attendClass_1qzpg_1',
  Me = '_attendClassSearch_1qzpg_4',
  Ie = '_iconSearch_1qzpg_20',
  xe = '_classList_1qzpg_24',
  Oe = '_thingItem_1qzpg_28',
  Le = '_title_1qzpg_43',
  ze = '_content_1qzpg_60',
  h = {
    attendClass: je,
    attendClassSearch: Me,
    iconSearch: Ie,
    classList: xe,
    thingItem: Oe,
    title: Le,
    content: ze
  };
function Be(t) {
  return (
    typeof t == 'function' ||
    (Object.prototype.toString.call(t) === '[object Object]' && !B(t))
  );
}
const Fe = y({
    name: 'attend-class',
    emits: ['close'],
    setup(t, { emit: s }) {
      const a = W(),
        l = n => {
          s('close');
          const { href: p } = a.resolve({ path: '/attend-class' });
          window.open(p, +new Date() + '');
        };
      return () => {
        let n;
        return e('div', { class: h.attendClass }, [
          e('div', { class: h.attendClassSearch }, [
            e(
              F,
              { placeholder: '请输入班级名称', clearable: !0 },
              { prefix: () => e('span', { class: 'icon-search-input' }, null) }
            ),
            e(
              k,
              {
                placeholder: '年级',
                clearable: !0,
                options: [
                  { label: '一年级', value: '1' },
                  { label: '二年级', value: '2' },
                  { label: '三年级', value: '3' },
                  { label: '四年级', value: '4' },
                  { label: '五年级', value: '5' },
                  { label: '六年级', value: '6' }
                ]
              },
              null
            ),
            e(
              k,
              {
                placeholder: '班级',
                clearable: !0,
                options: [
                  { label: '一班', value: '1' },
                  { label: '二班', value: '2' },
                  { label: '三班', value: '3' },
                  { label: '四班', value: '4' },
                  { label: '五班', value: '5' }
                ]
              },
              null
            )
          ]),
          e(
            _,
            { class: h.classList },
            Be(
              (n = [1, 2, 3, 4, 5, 6, 7].map(p =>
                e('div', { onClick: () => l() }, [
                  e(
                    U,
                    { class: h.thingItem },
                    {
                      header: () =>
                        e('div', { class: h.title }, [
                          c('一年级'),
                          p,
                          c('班 23人')
                        ]),
                      default: () =>
                        e('div', { class: h.content }, [
                          c(
                            '人教版二年级上册 | 第一单元 |【歌表演】我和我的祖国'
                          )
                        ])
                    }
                  )
                ])
              ))
            )
              ? n
              : { default: () => [n] }
          )
        ]);
      };
    }
  }),
  Ne = y({
    name: 'lesson-main',
    setup() {
      const t = S({
        list: [
          {
            id: '1',
            name: '其多列',
            title: '其多列',
            type: 'VIDEO',
            content:
              'https://gyt.ks3-cn-beijing.ksyuncs.com/courseware/1687844560120.mp4',
            url: 'https://gyt.ks3-cn-beijing.ksyuncs.com/courseware/1687844640957.png'
          },
          {
            id: '5',
            name: '歌曲表演 大鹿',
            title: '歌曲表演 大鹿',
            type: 'SONG',
            content:
              'https://cloud-coach.ks3-cn-beijing.ksyuncs.com/1686819360752.mp3',
            url: 'https://gyt.ks3-cn-beijing.ksyuncs.com/courseware/1687916228530.png'
          },
          {
            id: '2',
            name: '其多列',
            title: '其多列',
            type: 'IMG',
            content:
              'https://gyt.ks3-cn-beijing.ksyuncs.com/courseware/1688007481564.jpg',
            url: 'https://gyt.ks3-cn-beijing.ksyuncs.com/courseware/1688007481564.jpg'
          },
          {
            id: '4',
            name: '歌曲 其多列',
            title: '其多列',
            type: 'MUSIC',
            content: '43541',
            url: 'https://cloud-coach.ks3-cn-beijing.ksyuncs.com/music-sheet-first/1687847690372-1.png'
          }
        ],
        showAttendClass: !1
      });
      return () =>
        e('div', { class: d['lesson-main'] }, [
          e(
            N,
            {
              animated: !0,
              defaultValue: 'courseware',
              paneClass: d.paneTitle,
              justifyContent: 'center',
              paneWrapperClass: d.paneWrapperContainer
            },
            {
              default: () => [
                e(
                  m,
                  { name: 'courseware', tab: '课件' },
                  {
                    default: () => [
                      e('div', { class: d.btnGroup }, [
                        e(f, null, {
                          default: () => [
                            e(
                              u,
                              { type: 'default' },
                              { default: () => [c('编辑')] }
                            )
                          ]
                        }),
                        e(f, null, {
                          default: () => [
                            e(
                              u,
                              { type: 'default' },
                              { default: () => [c('预览')] }
                            ),
                            e(
                              u,
                              {
                                type: 'primary',
                                onClick: () => (t.showAttendClass = !0)
                              },
                              { default: () => [c('开始上课')] }
                            )
                          ]
                        })
                      ]),
                      e(
                        _,
                        { class: d.listContainer },
                        {
                          default: () => [
                            e('div', { class: d.list }, [
                              t.list.map(s =>
                                e(C, { isShowCollect: !1, item: s }, null)
                              )
                            ])
                          ]
                        }
                      )
                    ]
                  }
                ),
                e(
                  m,
                  { name: 'train', tab: '训练' },
                  {
                    default: () => [
                      e('div', { class: d.btnGroup }, [
                        e(f, null, {
                          default: () => [
                            e(
                              u,
                              { type: 'default' },
                              { default: () => [c('添加训练')] }
                            ),
                            e(
                              u,
                              { type: 'default' },
                              { default: () => [c('编辑')] }
                            )
                          ]
                        }),
                        e(f, null, {
                          default: () => [
                            e(
                              u,
                              { type: 'primary' },
                              { default: () => [c('布置训练')] }
                            )
                          ]
                        })
                      ])
                    ]
                  }
                )
              ]
            }
          ),
          e(
            K,
            {
              show: t.showAttendClass,
              'onUpdate:show': s => (t.showAttendClass = s),
              preset: 'card',
              showIcon: !1,
              class: d.attendClassModal,
              title: '选择班级',
              blockScroll: !1
            },
            {
              default: () => [
                e(Fe, { onClose: () => (t.showAttendClass = !1) }, null)
              ]
            }
          )
        ]);
    }
  }),
  Te = '_iconScreen_d9ed5_33',
  Ge = '_listContainer_d9ed5_41',
  Re = '_list_d9ed5_41',
  i = {
    'resource-main': '_resource-main_d9ed5_1',
    iconScreen: Te,
    listContainer: Ge,
    list: Re
  },
  qe = '_searchGroup_1q21g_1',
  $e = '_searchSelect_1q21g_4',
  Ve = '_inputSearch_1q21g_18',
  De = '_searchBtn_1q21g_22',
  Pe = '_btnType_1q21g_28',
  g = {
    searchGroup: qe,
    searchSelect: $e,
    inputSearch: Ve,
    searchBtn: De,
    btnType: Pe
  },
  We = { 1: '人教版', 2: '声部训练', 3: '小曲目', 4: '考级曲目' },
  Ue = { 1: '坚笛', 2: '排萧', 3: '口风琴', 4: '陶笛', 5: '葫芦丝' };
function G(t) {
  const s = [];
  for (const a in t) s.push({ label: t[a], value: a });
  return s;
}
const Ke = G(We),
  He = G(Ue),
  E = y({
    name: 'resource-search-group',
    setup() {
      const t = S({ search: null });
      return () =>
        e(T, null, [
          e('div', { class: g.searchGroup }, [
            e(
              f,
              { size: 'small', class: g.btnType },
              {
                default: () => [
                  e(
                    u,
                    { type: 'primary', round: !0, size: 'small' },
                    { default: () => [c('全部')] }
                  ),
                  e(
                    u,
                    { secondary: !0, round: !0, size: 'small' },
                    { default: () => [c('乐谱')] }
                  ),
                  e(
                    u,
                    { secondary: !0, round: !0, size: 'small' },
                    { default: () => [c('图片')] }
                  ),
                  e(
                    u,
                    { secondary: !0, round: !0, size: 'small' },
                    { default: () => [c('音频')] }
                  ),
                  e(
                    u,
                    { secondary: !0, round: !0, size: 'small' },
                    { default: () => [c('视频')] }
                  )
                ]
              }
            ),
            e('div', { class: g.searchSelect }, [
              e(k, { placeholder: '教材', options: Ke, clearable: !0 }, null),
              e(k, { placeholder: '乐器', options: He, clearable: !0 }, null)
            ]),
            e(
              F,
              {
                type: 'text',
                placeholder: '请输入搜索关键词',
                clearable: !0,
                value: t.search,
                'onUpdate:value': s => (t.search = s),
                class: g.inputSearch
              },
              { prefix: () => e('span', { class: 'icon-search-input' }, null) }
            )
          ])
        ]);
    }
  }),
  Je = y({
    name: 'resource-main',
    props: { selectionHeight: { type: String, default: '100%' } },
    setup() {
      const t = S({
        list: [
          {
            id: '5',
            name: '其多列',
            title: '其多列',
            type: 'VIDEO',
            content:
              'https://gyt.ks3-cn-beijing.ksyuncs.com/courseware/1687844560120.mp4',
            url: 'https://gyt.ks3-cn-beijing.ksyuncs.com/courseware/1687844640957.png'
          },
          {
            id: '2',
            name: '其多列',
            title: '其多列',
            type: 'IMG',
            content: 'https://daya.ks3-cn-beijing.ksyun.com/202306/TiLlteU.png',
            url: 'https://daya.ks3-cn-beijing.ksyun.com/202306/TiLlteU.png'
          },
          {
            id: '3',
            name: '其多列',
            title: '其多列',
            type: 'IMG',
            content: 'https://daya.ks3-cn-beijing.ksyun.com/202306/TiLlxJ0.png',
            url: 'https://daya.ks3-cn-beijing.ksyun.com/202306/TiLlxJ0.png'
          },
          {
            id: '4',
            name: '彩虹岛',
            title: '彩虹岛',
            type: 'MUSIC',
            content: '22078',
            url: 'https://cloud-coach.ks3-cn-beijing.ksyuncs.com/music-sheet-fixed/1675770786664-1.png'
          }
        ],
        height: '100%'
      });
      return () =>
        e('div', { class: i['resource-main'] }, [
          e(
            N,
            {
              animated: !0,
              defaultValue: 'shareResources',
              paneClass: i.paneTitle,
              paneWrapperClass: i.paneWrapperContainer
            },
            {
              suffix: () =>
                e('div', { class: i.iconScreen }, [
                  e(
                    'svg',
                    {
                      xmlns: 'http://www.w3.org/2000/svg',
                      viewBox: '0 0 24 24'
                    },
                    [
                      e('g', { fill: 'none' }, [
                        e(
                          'path',
                          {
                            d: 'M5 6a1 1 0 0 1 1-1h2a1 1 0 0 0 0-2H6a3 3 0 0 0-3 3v2a1 1 0 0 0 2 0V6zm0 12a1 1 0 0 0 1 1h2a1 1 0 1 1 0 2H6a3 3 0 0 1-3-3v-2a1 1 0 1 1 2 0v2zM18 5a1 1 0 0 1 1 1v2a1 1 0 1 0 2 0V6a3 3 0 0 0-3-3h-2a1 1 0 1 0 0 2h2zm1 13a1 1 0 0 1-1 1h-2a1 1 0 1 0 0 2h2a3 3 0 0 0 3-3v-2a1 1 0 1 0-2 0v2z',
                            fill: '#198CFE'
                          },
                          null
                        )
                      ])
                    ]
                  )
                ]),
              default: () =>
                e(T, null, [
                  e(
                    m,
                    { name: 'shareResources', tab: '共享资源' },
                    {
                      default: () => [
                        e(E, null, null),
                        e(
                          _,
                          { class: i.listContainer },
                          {
                            default: () => [
                              e('div', { class: i.list }, [
                                t.list.map(s =>
                                  e(C, { isShowAdd: !0, item: s }, null)
                                )
                              ])
                            ]
                          }
                        )
                      ]
                    }
                  ),
                  e(
                    m,
                    { name: 'myResources', tab: '我的资源' },
                    {
                      default: () => [
                        e(E, null, null),
                        e(
                          _,
                          { class: i.listContainer },
                          {
                            default: () => [
                              e('div', { class: i.list }, [
                                t.list.map(s =>
                                  e(C, { isShowAdd: !0, item: s }, null)
                                )
                              ])
                            ]
                          }
                        )
                      ]
                    }
                  ),
                  e(
                    m,
                    { name: 'myCollect', tab: '我的收藏' },
                    {
                      default: () => [
                        e(E, null, null),
                        e(
                          _,
                          { class: i.listContainer },
                          {
                            default: () => [
                              e('div', { class: i.list }, [
                                t.list.map(s =>
                                  e(C, { isShowAdd: !0, item: s }, null)
                                )
                              ])
                            ]
                          }
                        )
                      ]
                    }
                  )
                ])
            }
          )
        ]);
    }
  }),
  tt = y({
    name: 'prepare-lessons',
    setup() {
      const t = w();
      return (
        z(() => {
          le(document.querySelector('#resourceRef'), s => {
            const a = s[0],
              { height: l } = a.contentRect;
            document.documentElement.style.setProperty(
              '--window-page-lesson-height',
              l + 'px'
            );
          });
        }),
        () =>
          e('div', { class: v.prepareLessons }, [
            e('div', { class: v.directoryMain, ref: t.value }, [
              e(we, null, null)
            ]),
            e('div', { class: v.lessonMain }, [e(Ne, null, null)]),
            e('div', { class: v.resourceMain, id: 'resourceRef' }, [
              e(Je, null, null)
            ])
          ])
      );
    }
  });
export { tt as default };